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

[ACA-2476] Fix color contrast in mat-calendar (#5609)

Browse Source
This commit is contained in:
Baptiste Mahé
2020-04-15 16:58:50 +02:00
committed by GitHub
parent 049cedfb26
commit bb74dbf9a0
2 changed files with 57 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
lib/core/styles/_index.scss
View File

@@ -74,5 +74,7 @@
@include adf-clipboard-theme($theme);
@include adf-snackbar-theme($theme);
@include mat-expansion-panel-theme--fix($theme);
@include mat-calendar-theme--fix($theme);
@include mat-datetimepicker-theme--fix($theme);
@include adf-search-text-input-theme($theme);
}

55
lib/core/styles/_mixins.scss
View File

@@ -80,3 +80,58 @@
}
}
}
@mixin mat-calendar-theme--fix($theme) {
$foreground: map-get($theme, foreground);
.mat-calendar {
.mat-calendar-header {
button {
color: mat-color($foreground, text, 0.87);
&:disabled {
color: mat-color($foreground, text, 0.54);
}
}
}
.mat-calendar-content {
.mat-calendar-table-header th {
color: mat-color($foreground, text, 0.54);
}
.mat-calendar-body-disabled > div {
color: mat-color($foreground, text, 0.54) !important;
}
}
}
}
@mixin mat-datetimepicker-theme--fix($theme) {
$foreground: map-get($theme, foreground);
.mat-datetimepicker-calendar {
.mat-datetimepicker-calendar-header {
.mat-datetimepicker-calendar-header-year {
opacity: 1;
}
.mat-datetimepicker-calendar-header-date {
opacity: 1;
}
.mat-datetimepicker-calendar-header-time {
opacity: 1;
}
}
.mat-datetimepicker-calendar-content {
.mat-datetimepicker-calendar-table-header th {
color: mat-color($foreground, text, 0.54);
}
.mat-datetimepicker-calendar-body-disabled > div {
color: mat-color($foreground, text, 0.54);
}
}
}
}