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

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

View File

@ -88,12 +88,7 @@ export class DataTableComponent {
}, },
{ {
id: 2, id: 2,
name: `Lorem ipsum dolor sit amet, consectetur adipiscing elit, name: 'Name 2',
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.`,
createdOn: new Date(2016, 6, 2, 15, 8, 2), createdOn: new Date(2016, 6, 2, 15, 8, 2),
createdBy: this._createdBy, createdBy: this._createdBy,
icon: 'material-icons://accessibility' icon: 'material-icons://accessibility'
@ -117,7 +112,7 @@ export class DataTableComponent {
{ type: 'image', key: 'icon', title: '', srTitle: 'Thumbnail' }, { type: 'image', key: 'icon', title: '', srTitle: 'Thumbnail' },
{ type: 'text', key: 'id', title: 'Id', sortable: true , cssClass: 'adf-ellipsis-cell' }, { 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: '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: ''} { type: 'text', key: 'createdBy.name', title: 'Created By', sortable: true, cssClass: ''}
] ]
); );

View File

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