mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-24 17:32:15 +00:00
[ADF-3999] Regression - Fix metadata layout (#4262)
This commit is contained in:
committed by
Eugenio Romano
parent
947c55fbeb
commit
1804792de5
@@ -1,8 +1,8 @@
|
|||||||
<div [attr.data-automation-id]="'card-textitem-label-' + property.key" class="adf-property-label" *ngIf="showProperty() || isEditable()">{{ property.label | translate }}</div>
|
<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 adf-textitem-ellipsis">
|
<div class="adf-property-value">
|
||||||
<span *ngIf="!isEditable()">
|
<span *ngIf="!isEditable()">
|
||||||
<span *ngIf="!isClickable(); else elseBlock" [attr.data-automation-id]="'card-textitem-value-' + property.key">
|
<span *ngIf="!isClickable(); else elseBlock" [attr.data-automation-id]="'card-textitem-value-' + property.key">
|
||||||
<span *ngIf="showProperty()">{{ property.displayValue }}</span>
|
<span *ngIf="showProperty()" class="adf-textitem-ellipsis">{{ property.displayValue }}</span>
|
||||||
</span>
|
</span>
|
||||||
<ng-template #elseBlock>
|
<ng-template #elseBlock>
|
||||||
<div class="adf-textitem-clickable" (click)="clicked()" fxLayout="row" fxLayoutAlign="space-between center">
|
<div class="adf-textitem-clickable" (click)="clicked()" fxLayout="row" fxLayoutAlign="space-between center">
|
||||||
@@ -15,7 +15,7 @@
|
|||||||
</span>
|
</span>
|
||||||
<span *ngIf="isEditable()">
|
<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">
|
<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" class="adf-textitem-ellipsis">
|
<span [attr.data-automation-id]="'card-textitem-value-' + property.key">
|
||||||
<span *ngIf="showProperty(); else elseEmptyValueBlock">{{ property.displayValue }}</span>
|
<span *ngIf="showProperty(); else elseEmptyValueBlock">{{ property.displayValue }}</span>
|
||||||
</span>
|
</span>
|
||||||
<mat-icon fxFlex="0 0 auto"
|
<mat-icon fxFlex="0 0 auto"
|
||||||
|
@@ -122,6 +122,8 @@
|
|||||||
&-textitem-ellipsis {
|
&-textitem-ellipsis {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
display: block;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user