fix long names in columns (ellipsis-cell class) (#1775)

ng2-components/ng2-alfresco-datatable/src/components/datatable/datatable.component.css

@@ -14,7 +14,6 @@
 :host .data-cell {
     cursor: default;
 }
-:host .cell-value {}
 
 :host .column-header {
     cursor: pointer;
@@ -35,17 +34,13 @@
     width: 100%;
 }
 
-:host .ellipsis-cell > div
-{
-    position: relative;
-    overflow: hidden;
-    /*height: 1em;*/
+
+:host .ellipsis-cell .cell-container {
+    height: 1em;
 }
 
-
 /* visible content */
-:host .ellipsis-cell > div > span
-{
+:host .ellipsis-cell .cell-value {
     display: block;
     position: absolute;
     max-width: 100%;
@@ -57,15 +52,13 @@
 
 
 /* cell stretching content */
-:host .ellipsis-cell > div:after
-{
+:host .ellipsis-cell > div:after {
     content: attr(title);
     overflow: hidden;
     height: 0;
     display: block;
 }
 
-
 /* Utils */
 
 :host .non-selectable {

ng2-components/ng2-alfresco-datatable/src/components/datatable/datatable.component.html

@@ -70,7 +70,7 @@
             (dblclick)="onRowDblClick(row, $event)"
             [context-menu]="getContextMenuActions(row, col)"
             [context-menu-enabled]="contextMenu">
-            <div *ngIf="!col.template">
+            <div *ngIf="!col.template" class="cell-container">
                 <div *ngSwitchCase="'image'" class="cell-value">
                     <i *ngIf="isIconValue(row, col)" class="material-icons icon-cell">{{asIconValue(row, col)}}</i>
                     <img *ngIf="!isIconValue(row, col)"
@@ -89,7 +89,7 @@
                 <!-- empty cell for unknown column type -->
                 </span>
             </div>
-            <div *ngIf="col.template">
+            <div *ngIf="col.template" class="cell-container">
                 <template ngFor [ngForOf]="[{ data: data, row: row, col: col }]" [ngForTemplate]="col.template"></template>
             </div>
         </td>