mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-24 17:32:15 +00:00
[ADF-2760] Toolbar and datatable background colours fixed (#3250)
* [ADF-2760] Toolbar and datatable background colours fixed * [ADF-2760] Improved variables for background colors * [ADF-2760] comment removed * [ADF-2760] fixed for dark themes
This commit is contained in:
committed by
Maurizio Vitale
parent
d8e623531b
commit
ebfc40b1c8
@@ -24,7 +24,6 @@ $theme: mat-light-theme($primary, $accent, $warn);
|
|||||||
@include adf-login-component-theme($theme);
|
@include adf-login-component-theme($theme);
|
||||||
@include adf-process-service-component-theme($theme);
|
@include adf-process-service-component-theme($theme);
|
||||||
|
|
||||||
|
|
||||||
@include adf-content-services-theme($theme);
|
@include adf-content-services-theme($theme);
|
||||||
@include adf-process-services-theme($theme);
|
@include adf-process-services-theme($theme);
|
||||||
@include adf-insights-theme($theme);
|
@include adf-insights-theme($theme);
|
||||||
|
@@ -170,6 +170,7 @@
|
|||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
font-size: $data-table-font-size;
|
font-size: $data-table-font-size;
|
||||||
|
background-color: mat-color($background, card);
|
||||||
|
|
||||||
/* Firefox fixes */
|
/* Firefox fixes */
|
||||||
border-collapse: unset;
|
border-collapse: unset;
|
||||||
|
@@ -1,6 +1,7 @@
|
|||||||
|
|
||||||
@mixin adf-toolbar-theme($theme) {
|
@mixin adf-toolbar-theme($theme) {
|
||||||
$foreground: map-get($theme, foreground);
|
$foreground: map-get($theme, foreground);
|
||||||
|
$background: map-get($theme, background);
|
||||||
$adf-toolbar-height: 48px;
|
$adf-toolbar-height: 48px;
|
||||||
$adf-toolbar-font-size: 14px;
|
$adf-toolbar-font-size: 14px;
|
||||||
|
|
||||||
@@ -17,6 +18,7 @@
|
|||||||
.mat-toolbar {
|
.mat-toolbar {
|
||||||
min-height: $adf-toolbar-height;
|
min-height: $adf-toolbar-height;
|
||||||
border: 1px solid mat-color($foreground, text, .07);
|
border: 1px solid mat-color($foreground, text, .07);
|
||||||
|
background-color: mat-color($background, hover, .02);
|
||||||
}
|
}
|
||||||
|
|
||||||
.mat-toolbar-row {
|
.mat-toolbar-row {
|
||||||
|
Reference in New Issue
Block a user