fix(datepicker): incorrect icon color (#10458)

crisbeto · josephperrott · commit 4e298a60b77c · 2018-03-27T10:35:15.000-07:00
diff --git a/src/lib/datepicker/_datepicker-theme.scss b/src/lib/datepicker/_datepicker-theme.scss
@@ -33,8 +33,11 @@ $mat-calendar-weekday-table-font-size: 11px !default;
     border-top-color: mat-color($foreground, icon);
   }
 
-  .mat-calendar-next-button,
-  .mat-calendar-previous-button {
+  // The prev/next buttons need a bit more specificity to
+  // avoid being overwritten by the .mat-icon-button.
+  .mat-datepicker-toggle,
+  .mat-datepicker-popup .mat-calendar-next-button,
+  .mat-datepicker-popup .mat-calendar-previous-button {
     color: mat-color($foreground, icon);
   }
 

Original file line number	Diff line number	Diff line change
`@@ -33,8 +33,11 @@ $mat-calendar-weekday-table-font-size: 11px !default;`
`33`	`33`	`border-top-color: mat-color($foreground, icon);`
`34`	`34`	`}`
`35`	`35`
`36`		`- .mat-calendar-next-button,`
`37`		`- .mat-calendar-previous-button {`
	`36`	`+ // The prev/next buttons need a bit more specificity to`
	`37`	`+ // avoid being overwritten by the .mat-icon-button.`
	`38`	`+ .mat-datepicker-toggle,`
	`39`	`+ .mat-datepicker-popup .mat-calendar-next-button,`
	`40`	`+ .mat-datepicker-popup .mat-calendar-previous-button {`
`38`	`41`	`color: mat-color($foreground, icon);`
`39`	`42`	`}`
`40`	`43`