diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-orange.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-orange.css index ab69fb1a8d..cf989bcfc4 100644 --- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-orange.css +++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-orange.css @@ -2002,6 +2002,10 @@ input.mat-input-element { position: relative; top: 5px; } +.adf-analytics-report-list .activiti-filters__label { + white-space: nowrap; + overflow: hidden; } + .adf-analytics-report-list .mat-nav-list .mat-list-item .mat-list-item-content { line-height: 48px; } @@ -2324,8 +2328,6 @@ container-widget .mat-grid-tile { .adf-datatable /deep/ table { border: none !important; } - .adf-datatable /deep/ table thead { - display: none; } .adf-datatable /deep/ table tbody td { padding: 0px !important; border-top: none !important; } @@ -2712,14 +2714,21 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic { /* cell stretching content */ } .adf-data-table .ellipsis-cell .cell-container { height: 1em; } - .adf-data-table .ellipsis-cell .cell-value { + .adf-data-table .ellipsis-cell .cell-container > * { display: block; position: absolute; - max-width: 100%; + max-width: calc(100% - 2em); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + line-height: 1.12em; } + .adf-data-table .ellipsis-cell .cell-value { + display: block; + position: absolute; + max-width: calc(100% - 2em); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - /* for vertical align of text */ line-height: 1.12em; } .adf-data-table .ellipsis-cell > div:after { content: attr(title); diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-purple.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-purple.css index 2e427567ba..674cab0cbc 100644 --- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-purple.css +++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-purple.css @@ -2002,6 +2002,10 @@ input.mat-input-element { position: relative; top: 5px; } +.adf-analytics-report-list .activiti-filters__label { + white-space: nowrap; + overflow: hidden; } + .adf-analytics-report-list .mat-nav-list .mat-list-item .mat-list-item-content { line-height: 48px; } @@ -2324,8 +2328,6 @@ container-widget .mat-grid-tile { .adf-datatable /deep/ table { border: none !important; } - .adf-datatable /deep/ table thead { - display: none; } .adf-datatable /deep/ table tbody td { padding: 0px !important; border-top: none !important; } @@ -2712,14 +2714,21 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic { /* cell stretching content */ } .adf-data-table .ellipsis-cell .cell-container { height: 1em; } - .adf-data-table .ellipsis-cell .cell-value { + .adf-data-table .ellipsis-cell .cell-container > * { display: block; position: absolute; - max-width: 100%; + max-width: calc(100% - 2em); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + line-height: 1.12em; } + .adf-data-table .ellipsis-cell .cell-value { + display: block; + position: absolute; + max-width: calc(100% - 2em); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - /* for vertical align of text */ line-height: 1.12em; } .adf-data-table .ellipsis-cell > div:after { content: attr(title); diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-orange.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-orange.css index 80cba55504..8f04eb4f80 100644 --- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-orange.css +++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-orange.css @@ -2002,6 +2002,10 @@ input.mat-input-element { position: relative; top: 5px; } +.adf-analytics-report-list .activiti-filters__label { + white-space: nowrap; + overflow: hidden; } + .adf-analytics-report-list .mat-nav-list .mat-list-item .mat-list-item-content { line-height: 48px; } @@ -2324,8 +2328,6 @@ container-widget .mat-grid-tile { .adf-datatable /deep/ table { border: none !important; } - .adf-datatable /deep/ table thead { - display: none; } .adf-datatable /deep/ table tbody td { padding: 0px !important; border-top: none !important; } @@ -2712,14 +2714,21 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic { /* cell stretching content */ } .adf-data-table .ellipsis-cell .cell-container { height: 1em; } - .adf-data-table .ellipsis-cell .cell-value { + .adf-data-table .ellipsis-cell .cell-container > * { display: block; position: absolute; - max-width: 100%; + max-width: calc(100% - 2em); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + line-height: 1.12em; } + .adf-data-table .ellipsis-cell .cell-value { + display: block; + position: absolute; + max-width: calc(100% - 2em); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - /* for vertical align of text */ line-height: 1.12em; } .adf-data-table .ellipsis-cell > div:after { content: attr(title); diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-purple.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-purple.css index eb16ae38d6..91f550cae5 100644 --- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-purple.css +++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-purple.css @@ -2002,6 +2002,10 @@ input.mat-input-element { position: relative; top: 5px; } +.adf-analytics-report-list .activiti-filters__label { + white-space: nowrap; + overflow: hidden; } + .adf-analytics-report-list .mat-nav-list .mat-list-item .mat-list-item-content { line-height: 48px; } @@ -2324,8 +2328,6 @@ container-widget .mat-grid-tile { .adf-datatable /deep/ table { border: none !important; } - .adf-datatable /deep/ table thead { - display: none; } .adf-datatable /deep/ table tbody td { padding: 0px !important; border-top: none !important; } @@ -2712,14 +2714,21 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic { /* cell stretching content */ } .adf-data-table .ellipsis-cell .cell-container { height: 1em; } - .adf-data-table .ellipsis-cell .cell-value { + .adf-data-table .ellipsis-cell .cell-container > * { display: block; position: absolute; - max-width: 100%; + max-width: calc(100% - 2em); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + line-height: 1.12em; } + .adf-data-table .ellipsis-cell .cell-value { + display: block; + position: absolute; + max-width: calc(100% - 2em); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - /* for vertical align of text */ line-height: 1.12em; } .adf-data-table .ellipsis-cell > div:after { content: attr(title); diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-orange.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-orange.css index c6084404ff..ac5174d516 100644 --- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-orange.css +++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-orange.css @@ -2002,6 +2002,10 @@ input.mat-input-element { position: relative; top: 5px; } +.adf-analytics-report-list .activiti-filters__label { + white-space: nowrap; + overflow: hidden; } + .adf-analytics-report-list .mat-nav-list .mat-list-item .mat-list-item-content { line-height: 48px; } @@ -2324,8 +2328,6 @@ container-widget .mat-grid-tile { .adf-datatable /deep/ table { border: none !important; } - .adf-datatable /deep/ table thead { - display: none; } .adf-datatable /deep/ table tbody td { padding: 0px !important; border-top: none !important; } @@ -2712,14 +2714,21 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic { /* cell stretching content */ } .adf-data-table .ellipsis-cell .cell-container { height: 1em; } - .adf-data-table .ellipsis-cell .cell-value { + .adf-data-table .ellipsis-cell .cell-container > * { display: block; position: absolute; - max-width: 100%; + max-width: calc(100% - 2em); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + line-height: 1.12em; } + .adf-data-table .ellipsis-cell .cell-value { + display: block; + position: absolute; + max-width: calc(100% - 2em); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - /* for vertical align of text */ line-height: 1.12em; } .adf-data-table .ellipsis-cell > div:after { content: attr(title); diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-purple.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-purple.css index 5fca34bcc7..913abac0f5 100644 --- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-purple.css +++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-purple.css @@ -2002,6 +2002,10 @@ input.mat-input-element { position: relative; top: 5px; } +.adf-analytics-report-list .activiti-filters__label { + white-space: nowrap; + overflow: hidden; } + .adf-analytics-report-list .mat-nav-list .mat-list-item .mat-list-item-content { line-height: 48px; } @@ -2324,8 +2328,6 @@ container-widget .mat-grid-tile { .adf-datatable /deep/ table { border: none !important; } - .adf-datatable /deep/ table thead { - display: none; } .adf-datatable /deep/ table tbody td { padding: 0px !important; border-top: none !important; } @@ -2712,14 +2714,21 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic { /* cell stretching content */ } .adf-data-table .ellipsis-cell .cell-container { height: 1em; } - .adf-data-table .ellipsis-cell .cell-value { + .adf-data-table .ellipsis-cell .cell-container > * { display: block; position: absolute; - max-width: 100%; + max-width: calc(100% - 2em); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + line-height: 1.12em; } + .adf-data-table .ellipsis-cell .cell-value { + display: block; + position: absolute; + max-width: calc(100% - 2em); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - /* for vertical align of text */ line-height: 1.12em; } .adf-data-table .ellipsis-cell > div:after { content: attr(title); diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-indigo-pink.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-indigo-pink.css index bbd8947918..f58ea15cec 100644 --- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-indigo-pink.css +++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-indigo-pink.css @@ -2002,6 +2002,10 @@ input.mat-input-element { position: relative; top: 5px; } +.adf-analytics-report-list .activiti-filters__label { + white-space: nowrap; + overflow: hidden; } + .adf-analytics-report-list .mat-nav-list .mat-list-item .mat-list-item-content { line-height: 48px; } @@ -2324,8 +2328,6 @@ container-widget .mat-grid-tile { .adf-datatable /deep/ table { border: none !important; } - .adf-datatable /deep/ table thead { - display: none; } .adf-datatable /deep/ table tbody td { padding: 0px !important; border-top: none !important; } @@ -2712,14 +2714,21 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic { /* cell stretching content */ } .adf-data-table .ellipsis-cell .cell-container { height: 1em; } - .adf-data-table .ellipsis-cell .cell-value { + .adf-data-table .ellipsis-cell .cell-container > * { display: block; position: absolute; - max-width: 100%; + max-width: calc(100% - 2em); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + line-height: 1.12em; } + .adf-data-table .ellipsis-cell .cell-value { + display: block; + position: absolute; + max-width: calc(100% - 2em); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - /* for vertical align of text */ line-height: 1.12em; } .adf-data-table .ellipsis-cell > div:after { content: attr(title); diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-pink-bluegrey.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-pink-bluegrey.css index cf7bfd4a1b..850704a0d3 100644 --- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-pink-bluegrey.css +++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-pink-bluegrey.css @@ -2002,6 +2002,10 @@ input.mat-input-element { position: relative; top: 5px; } +.adf-analytics-report-list .activiti-filters__label { + white-space: nowrap; + overflow: hidden; } + .adf-analytics-report-list .mat-nav-list .mat-list-item .mat-list-item-content { line-height: 48px; } @@ -2324,8 +2328,6 @@ container-widget .mat-grid-tile { .adf-datatable /deep/ table { border: none !important; } - .adf-datatable /deep/ table thead { - display: none; } .adf-datatable /deep/ table tbody td { padding: 0px !important; border-top: none !important; } @@ -2712,14 +2714,21 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic { /* cell stretching content */ } .adf-data-table .ellipsis-cell .cell-container { height: 1em; } - .adf-data-table .ellipsis-cell .cell-value { + .adf-data-table .ellipsis-cell .cell-container > * { display: block; position: absolute; - max-width: 100%; + max-width: calc(100% - 2em); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + line-height: 1.12em; } + .adf-data-table .ellipsis-cell .cell-value { + display: block; + position: absolute; + max-width: calc(100% - 2em); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - /* for vertical align of text */ line-height: 1.12em; } .adf-data-table .ellipsis-cell > div:after { content: attr(title); diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-purple-green.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-purple-green.css index ab74a2ff6b..e2a621e8e7 100644 --- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-purple-green.css +++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-purple-green.css @@ -2002,6 +2002,10 @@ input.mat-input-element { position: relative; top: 5px; } +.adf-analytics-report-list .activiti-filters__label { + white-space: nowrap; + overflow: hidden; } + .adf-analytics-report-list .mat-nav-list .mat-list-item .mat-list-item-content { line-height: 48px; } @@ -2324,8 +2328,6 @@ container-widget .mat-grid-tile { .adf-datatable /deep/ table { border: none !important; } - .adf-datatable /deep/ table thead { - display: none; } .adf-datatable /deep/ table tbody td { padding: 0px !important; border-top: none !important; } @@ -2712,14 +2714,21 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic { /* cell stretching content */ } .adf-data-table .ellipsis-cell .cell-container { height: 1em; } - .adf-data-table .ellipsis-cell .cell-value { + .adf-data-table .ellipsis-cell .cell-container > * { display: block; position: absolute; - max-width: 100%; + max-width: calc(100% - 2em); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + line-height: 1.12em; } + .adf-data-table .ellipsis-cell .cell-value { + display: block; + position: absolute; + max-width: calc(100% - 2em); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - /* for vertical align of text */ line-height: 1.12em; } .adf-data-table .ellipsis-cell > div:after { content: attr(title); diff --git a/ng2-components/ng2-alfresco-datatable/src/components/datatable/datatable.component.scss b/ng2-components/ng2-alfresco-datatable/src/components/datatable/datatable.component.scss index 0a33f5b17a..3274351cd9 100644 --- a/ng2-components/ng2-alfresco-datatable/src/components/datatable/datatable.component.scss +++ b/ng2-components/ng2-alfresco-datatable/src/components/datatable/datatable.component.scss @@ -202,15 +202,24 @@ height: 1em; } + .cell-container > * { + display: block; + position: absolute; + max-width: calc(100% - 2em); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + line-height: 1.12em; + } + /* visible content */ .cell-value { display: block; position: absolute; - max-width: 100%; + max-width: calc(100% - 2em); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - /* for vertical align of text */ line-height: 1.12em; }