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-4360] Fix Ellipsis on Date Cell Template (#4556)

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
lib/core/datatable/components/datatable/datatable.component.html
View File

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

1
lib/core/datatable/components/datatable/datatable.component.scss
View File

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

4
lib/core/datatable/components/datatable/date-cell.component.ts
View File

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