[ADF-4360] Fix Ellipsis on Date Cell Template (#4556)

This commit is contained in:
davidcanonieto
2019-04-05 10:44:34 +01:00
committed by Eugenio Romano
parent 7bb3c00a75
commit 9217ebd999
3 changed files with 5 additions and 2 deletions

View File

@@ -27,7 +27,7 @@
tabindex="0"
title="{{ col.title | translate }}">
<span *ngIf="col.srTitle" class="adf-sr-only">{{ col.srTitle | translate }}</span>
<span *ngIf="col.title">{{ col.title | translate}}</span>
<span *ngIf="col.title" class="adf-datatable-cell-value">{{ col.title | translate}}</span>
</div>
<!-- Actions (right) -->
<div *ngIf="actions && actionsPosition === 'right'" class="adf-actions-column adf-datatable-cell-header adf-datatable__actions-cell">

View File

@@ -331,6 +331,7 @@
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
padding: 0 10px;
}
&:focus {

View File

@@ -31,6 +31,7 @@ import { AlfrescoApiService } from '../../../services/alfresco-api.service';
<span
[attr.aria-label]="value$ | async | adfTimeAgo: currentLocale"
title="{{ tooltip | date: 'medium' }}"
class="adf-datatable-cell-value"
*ngIf="format === 'timeAgo'; else standard_date"
>
{{ value$ | async | adfTimeAgo: currentLocale }}
@@ -39,6 +40,7 @@ import { AlfrescoApiService } from '../../../services/alfresco-api.service';
<ng-template #standard_date>
<span
title="{{ tooltip | date: format }}"
class="adf-datatable-cell-value"
[attr.aria-label]="value$ | async | date: format"
>
{{ value$ | async | date: format }}
@@ -46,7 +48,7 @@ import { AlfrescoApiService } from '../../../services/alfresco-api.service';
</ng-template>
`,
encapsulation: ViewEncapsulation.None,
host: { class: 'adf-date-cell' }
host: { class: 'adf-date-cell adf-datatable-cell' }
})
export class DateCellComponent extends DataTableCellComponent {
currentLocale: string;