From 348f880dca579c40daed1c04e97f4d718883a57e Mon Sep 17 00:00:00 2001 From: crisbeto Date: Wed, 23 Aug 2017 22:52:02 +0200 Subject: [PATCH] fix(expansion-panel): dark theme header hover color 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 75e2b528bc3b..0a0a713444bf 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); + } } }