fix(datepicker): overly broad selector in theme

crisbeto · crisbeto · commit 8245646442c8 · 2018-03-11T10:43:03.000-04:00
Currently we've got the `:not(.mat-calendar-body-disabled):hover` selector in the datepicker theme which will match (almost) every single element on the page. This is unnecessary and can end up hurting performance down the road. These changes scope the selector only to datepicker cells.
diff --git a/src/lib/datepicker/_datepicker-theme.scss b/src/lib/datepicker/_datepicker-theme.scss
@@ -59,7 +59,7 @@ $mat-calendar-weekday-table-font-size: 11px !default;
     }
   }
 
-  :not(.mat-calendar-body-disabled):hover,
+  .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover,
   .cdk-keyboard-focused .mat-calendar-body-active,
   .cdk-program-focused .mat-calendar-body-active {
     & > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {

Original file line number	Diff line number	Diff line change
`@@ -59,7 +59,7 @@ $mat-calendar-weekday-table-font-size: 11px !default;`
`59`	`59`	`}`
`60`	`60`	`}`
`61`	`61`
`62`		`- :not(.mat-calendar-body-disabled):hover,`
	`62`	`+ .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover,`
`63`	`63`	`.cdk-keyboard-focused .mat-calendar-body-active,`
`64`	`64`	`.cdk-program-focused .mat-calendar-body-active {`
`65`	`65`	`& > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {`