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

Fixes the expansion panel header hover effect not being disabled for dark themes.
Teamop · Sep 1, 2017 · 21c68ad · 21c68ad
1 parent 28ede30
commit 21c68ad
Showing 1 changed file with 7 additions and 5 deletions.
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);
+      }
     }
   }