inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-26 17:24:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

reverted [ADF-4122] Improve ellipsis class in Datatable component (#4386)

Browse Source
This commit is contained in:
Eugenio Romano 2019-03-04 22:48:07 +00:00
parent bf09b6b25b
commit dc785ab445
2 changed files with 3 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
demo-shell/src/app/components/datatable/datatable.component.ts
View File

@ -88,12 +88,7 @@ export class DataTableComponent {
},
{
id: 2,
name: `Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.`,
name: 'Name 2',
createdOn: new Date(2016, 6, 2, 15, 8, 2),
createdBy: this._createdBy,
icon: 'material-icons://accessibility'
@ -117,7 +112,7 @@ export class DataTableComponent {
{ type: 'image', key: 'icon', title: '', srTitle: 'Thumbnail' },
{ type: 'text', key: 'id', title: 'Id', sortable: true , cssClass: 'adf-ellipsis-cell' },
{ type: 'text', key: 'createdOn', title: 'Created On', sortable: true, cssClass: 'adf-ellipsis-cell adf-expand-cell-5' },
{ type: 'text', key: 'name', title: 'Name', cssClass: 'adf-ellipsis-cell', sortable: true },
{ type: 'text', key: 'name', title: 'Name', cssClass: '', sortable: true },
{ type: 'text', key: 'createdBy.name', title: 'Created By', sortable: true, cssClass: ''}
]
);

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

@ -370,9 +370,9 @@
}
.adf-ellipsis-cell {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
position: sticky;
.adf-datatable-cell, .adf-datatable-cell-header {
overflow: hidden;
@ -387,8 +387,6 @@
white-space: nowrap;
display: block;
width: calc(100% - 2em);
position: absolute;
margin-top: -10px;
}
}