[Library]: resultLanding.component.html & result-preview.component.html: [Bug fix] In accessmode label added class "uk-text-truncate" to cut text and show ellipsis when larger that the available space.

This commit is contained in:
Konstantina Galouni 2022-01-07 18:35:45 +02:00
parent e1c520d65f
commit ae970394e9
2 changed files with 2 additions and 2 deletions

View File

@ -28,7 +28,7 @@
<div class="uk-margin-bottom">
<span *ngIf="resultLandingInfo.accessMode
&& resultLandingInfo.accessMode.toLowerCase() !== 'not available'"
[class]="'uk-label custom-label label-'+ accessClass(resultLandingInfo.accessMode)"
[class]="'uk-label custom-label uk-text-truncate label-'+ accessClass(resultLandingInfo.accessMode)"
title="Access Mode">{{resultLandingInfo.accessMode}}
</span>{{" "}}
<span *ngIf="resultLandingInfo.languages &&

View File

@ -119,7 +119,7 @@
<div class="uk-margin-small-bottom">
<span
*ngIf="result.accessMode && result.accessMode.toLowerCase() !== 'not available'"
class="uk-label custom-label" [ngClass]="'label-' + accessClass(result.accessMode)"
class="uk-label custom-label uk-text-truncate " [ngClass]="'label-' + accessClass(result.accessMode)"
title="Access Mode">
{{result.accessMode}}
</span>{{' '}}