inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-3124] Fix overflowing text on file info dialog values (#4058)

Browse Source
This commit is contained in:
davidcanonieto
2018-12-12 10:54:40 +00:00
committed by Eugenio Romano
parent 276e40e4bb
commit b113ad83f1
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
lib/core/card-view/components/card-view-textitem/card-view-textitem.component.html
View File

@@ -1,5 +1,5 @@
<div [attr.data-automation-id]="'card-textitem-label-' + property.key" class="adf-property-label" *ngIf="showProperty() || isEditable()">{{ property.label | translate }}</div>
<div class="adf-property-value">
<div class="adf-property-value adf-textitem-ellipsis">
<span *ngIf="!isEditable()">
<span *ngIf="!isClickable(); else elseBlock" [attr.data-automation-id]="'card-textitem-value-' + property.key">
<span *ngIf="showProperty()">{{ property.displayValue }}</span>
@@ -15,7 +15,7 @@
</span>
<span *ngIf="isEditable()">
<div *ngIf="!inEdit" (click)="setEditMode(true)" class="adf-textitem-readonly" [attr.data-automation-id]="'card-textitem-edit-toggle-' + property.key" fxLayout="row" fxLayoutAlign="space-between center">
<span [attr.data-automation-id]="'card-textitem-value-' + property.key">
<span [attr.data-automation-id]="'card-textitem-value-' + property.key" class="adf-textitem-ellipsis">
<span *ngIf="showProperty(); else elseEmptyValueBlock">{{ property.displayValue }}</span>
</span>
<mat-icon fxFlex="0 0 auto"

5
lib/core/card-view/components/card-view-textitem/card-view-textitem.component.scss
View File

@@ -118,5 +118,10 @@
&-textitem-editable input.mat-input-element:focus {
margin-bottom: -8px;
}
&-textitem-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
}
}
}