From 54301da829d3ab47f3cb683bd1f3b0d27a38c910 Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Thu, 19 Apr 2018 11:42:30 -0600 Subject: [PATCH] fix(datepicker): producing wrong selector for disabled dates for themes inside a selector (#10904) Fixes selector for the disabled dates inside the calendar being wrong, if the theme is scoped under a selector, e.g. ```scss .dark-theme { @include angular-material-theme($dark-theme); } ``` Relates to #10889. --- src/lib/datepicker/_datepicker-theme.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/lib/datepicker/_datepicker-theme.scss b/src/lib/datepicker/_datepicker-theme.scss index 2a4b6fe2fa80..b683ad3a9d6c 100644 --- a/src/lib/datepicker/_datepicker-theme.scss +++ b/src/lib/datepicker/_datepicker-theme.scss @@ -56,10 +56,10 @@ $mat-calendar-weekday-table-font-size: 11px !default; .mat-calendar-body-cell-content { color: mat-color($foreground, text); border-color: transparent; + } - .mat-calendar-body-disabled > &:not(.mat-calendar-body-selected) { - color: mat-color($foreground, disabled-text); - } + .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) { + color: mat-color($foreground, disabled-text); } .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover,