From 9217ebd999d2ba7e0bf78d0ea3d4fba4f2dded9b Mon Sep 17 00:00:00 2001
From: davidcanonieto <david.cano@alfresco.com>
Date: Fri, 5 Apr 2019 10:44:34 +0100
Subject: [PATCH] [ADF-4360] Fix Ellipsis on Date Cell Template (#4556)

---
 .../datatable/components/datatable/datatable.component.html   | 2 +-
 .../datatable/components/datatable/datatable.component.scss   | 1 +
 .../datatable/components/datatable/date-cell.component.ts     | 4 +++-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/lib/core/datatable/components/datatable/datatable.component.html b/lib/core/datatable/components/datatable/datatable.component.html
index 3c18986faf..2dbdf25c41 100644
--- a/lib/core/datatable/components/datatable/datatable.component.html
+++ b/lib/core/datatable/components/datatable/datatable.component.html
@@ -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">
diff --git a/lib/core/datatable/components/datatable/datatable.component.scss b/lib/core/datatable/components/datatable/datatable.component.scss
index 59ef82e079..c48181bb02 100644
--- a/lib/core/datatable/components/datatable/datatable.component.scss
+++ b/lib/core/datatable/components/datatable/datatable.component.scss
@@ -331,6 +331,7 @@
                 overflow: hidden;
                 text-overflow: ellipsis;
                 word-break: break-all;
+                padding: 0 10px;
             }
 
             &:focus {
diff --git a/lib/core/datatable/components/datatable/date-cell.component.ts b/lib/core/datatable/components/datatable/date-cell.component.ts
index dc7f68fb53..51112a3db6 100644
--- a/lib/core/datatable/components/datatable/date-cell.component.ts
+++ b/lib/core/datatable/components/datatable/date-cell.component.ts
@@ -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;