fix(datepicker): overly broad selector in theme

crisbeto · crisbeto · commit 762b75d1a8b4 · 2018-03-30T21:04:00.000+02: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
@@ -62,7 +62,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
`@@ -62,7 +62,7 @@ $mat-calendar-weekday-table-font-size: 11px !default;`
`62`	`62`	`}`
`63`	`63`	`}`
`64`	`64`
`65`		`- :not(.mat-calendar-body-disabled):hover,`
	`65`	`+ .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover,`
`66`	`66`	`.cdk-keyboard-focused .mat-calendar-body-active,`
`67`	`67`	`.cdk-program-focused .mat-calendar-body-active {`
`68`	`68`	`& > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {`