From 21c68ad95e4186a2b34b3e943daa693b74a19027 Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Fri, 1 Sep 2017 17:07:05 +0200 Subject: [PATCH] fix(expansion-panel): dark theme header hover color (#6616) Fixes the expansion panel header hover effect not being disabled for dark themes. --- src/lib/expansion/_expansion-theme.scss | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/src/lib/expansion/_expansion-theme.scss b/src/lib/expansion/_expansion-theme.scss index 75e2b528bc3..0a0a713444b 100644 --- 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); + } } }