fix(expansion-panel): dark theme header hover color (#6616)

crisbeto · jelbourn · commit 21c68ad95e41 · 2017-09-01T08:07:05.000-07:00
Fixes the expansion panel header hover effect not being disabled for dark themes.
diff --git a/src/lib/expansion/_expansion-theme.scss b/src/lib/expansion/_expansion-theme.scss
@@ -15,11 +15,13 @@
     border-top-color: mat-color($foreground, divider);
   }
 
-  .mat-expansion-panel-header:not([aria-disabled='true']) {
-    &.cdk-keyboard-focused,
-    &.cdk-program-focused,
-    &:hover {
-      background: mat-color($background, hover);
+  .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header {
+    &:not([aria-disabled='true']) {
+      &.cdk-keyboard-focused,
+      &.cdk-program-focused,
+      &:hover {
+        background: mat-color($background, hover);
+      }
     }
   }
 

Original file line number	Diff line number	Diff line change
`@@ -15,11 +15,13 @@`
`15`	`15`	`border-top-color: mat-color($foreground, divider);`
`16`	`16`	`}`
`17`	`17`
`18`		`- .mat-expansion-panel-header:not([aria-disabled='true']) {`
`19`		`- &.cdk-keyboard-focused,`
`20`		`- &.cdk-program-focused,`
`21`		`- &:hover {`
`22`		`- background: mat-color($background, hover);`
	`18`	`+ .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header {`
	`19`	`+ &:not([aria-disabled='true']) {`
	`20`	`+ &.cdk-keyboard-focused,`
	`21`	`+ &.cdk-program-focused,`
	`22`	`+ &:hover {`
	`23`	`+ background: mat-color($background, hover);`
	`24`	`+ }`
`23`	`25`	`}`
`24`	`26`	`}`
`25`	`27`