inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2026-09-09 18:03:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-1585] - Fix datatable styles (#2374)

Browse Source 
* Unify datatable hover and selection color

* Fix prebuilt styles collision
This commit is contained in:
Popovics András
2017-09-26 10:38:31 -04:00
committed by Eugenio Romano
parent 17d0525c24
commit b1d2c53c4b
10 changed files with 21 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-orange.css
+2 -2
View File
@@ -2351,9 +2351,9 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-property: background-color; }
.adf-data-table tbody tr:hover {
background-color: #eeeeee; }
background-color: rgba(0, 0, 0, 0.04); }
.adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover {
background-color: #e0f7fa; }
background-color: #e0e0e0; }
.adf-data-table tbody tr:focus {
outline-offset: -1px;
outline-width: 1px;
ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-purple.css
+2 -2
View File
@@ -2351,9 +2351,9 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-property: background-color; }
.adf-data-table tbody tr:hover {
background-color: #eeeeee; }
background-color: rgba(0, 0, 0, 0.04); }
.adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover {
background-color: #e0f7fa; }
background-color: #e0e0e0; }
.adf-data-table tbody tr:focus {
outline-offset: -1px;
outline-width: 1px;
ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-orange.css
+2 -2
View File
@@ -2351,9 +2351,9 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-property: background-color; }
.adf-data-table tbody tr:hover {
background-color: #eeeeee; }
background-color: rgba(0, 0, 0, 0.04); }
.adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover {
background-color: #e0f7fa; }
background-color: #e0e0e0; }
.adf-data-table tbody tr:focus {
outline-offset: -1px;
outline-width: 1px;
ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-purple.css
+2 -2
View File
@@ -2351,9 +2351,9 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-property: background-color; }
.adf-data-table tbody tr:hover {
background-color: #eeeeee; }
background-color: rgba(0, 0, 0, 0.04); }
.adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover {
background-color: #e0f7fa; }
background-color: #e0e0e0; }
.adf-data-table tbody tr:focus {
outline-offset: -1px;
outline-width: 1px;
ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-orange.css
+2 -2
View File
@@ -2351,9 +2351,9 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-property: background-color; }
.adf-data-table tbody tr:hover {
background-color: #eeeeee; }
background-color: rgba(0, 0, 0, 0.04); }
.adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover {
background-color: #e0f7fa; }
background-color: #e0e0e0; }
.adf-data-table tbody tr:focus {
outline-offset: -1px;
outline-width: 1px;
ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-purple.css
+2 -2
View File
@@ -2351,9 +2351,9 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-property: background-color; }
.adf-data-table tbody tr:hover {
background-color: #eeeeee; }
background-color: rgba(0, 0, 0, 0.04); }
.adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover {
background-color: #e0f7fa; }
background-color: #e0e0e0; }
.adf-data-table tbody tr:focus {
outline-offset: -1px;
outline-width: 1px;
ng2-components/ng2-alfresco-core/prebuilt-themes/adf-indigo-pink.css
+2 -2
View File
@@ -2351,9 +2351,9 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-property: background-color; }
.adf-data-table tbody tr:hover {
background-color: #eeeeee; }
background-color: rgba(0, 0, 0, 0.04); }
.adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover {
background-color: #e0f7fa; }
background-color: #e0e0e0; }
.adf-data-table tbody tr:focus {
outline-offset: -1px;
outline-width: 1px;
ng2-components/ng2-alfresco-core/prebuilt-themes/adf-pink-bluegrey.css
+2 -2
View File
@@ -2351,9 +2351,9 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-property: background-color; }
.adf-data-table tbody tr:hover {
background-color: #eeeeee; }
background-color: rgba(255, 255, 255, 0.04); }
.adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover {
background-color: #e0f7fa; }
background-color: #212121; }
.adf-data-table tbody tr:focus {
outline-offset: -1px;
outline-width: 1px;
ng2-components/ng2-alfresco-core/prebuilt-themes/adf-purple-green.css
+2 -2
View File
@@ -2351,9 +2351,9 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-property: background-color; }
.adf-data-table tbody tr:hover {
background-color: #eeeeee; }
background-color: rgba(255, 255, 255, 0.04); }
.adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover {
background-color: #e0f7fa; }
background-color: #212121; }
.adf-data-table tbody tr:focus {
outline-offset: -1px;
outline-width: 1px;
ng2-components/ng2-alfresco-datatable/src/components/datatable/datatable.component.scss
+3 -2
View File
@@ -1,6 +1,7 @@
@mixin mat-datatable-theme($theme) {
$foreground: map-get($theme, foreground);
$background: map-get($theme, background);
$primary: map-get($theme, primary);
$data-table-font-size: 14px !default;
@@ -10,8 +11,8 @@
$data-table-header-sorted-color: mat-color($foreground, text) !default;
$data-table-header-sorted-icon-hover-color: mat-color($foreground, disabled-text) !default;
$data-table-divider-color: mat-color($foreground, text, .07) !default;
$data-table-hover-color: #eeeeee !default;
$data-table-selection-color: #e0f7fa !default;
$data-table-hover-color: mat-color($background, 'hover') !default;
$data-table-selection-color: mat-color($background, 'selected-button') !default;
$data-table-dividers: 1px solid $data-table-divider-color !default;
$data-table-row-height: 56px !default;
// $data-table-last-row-height: 56px !default;