Skip to content

Commit e629d65

Browse files
crisbetoannieyw
authored andcommitted
fix(material/menu): icons in menu not inheriting disabled color (#20948)
Fixes that the icons inside a disabled menu item still have their non-disabled color. Fixes #20947. (cherry picked from commit 832d2a0)
1 parent e7cabf1 commit e629d65

File tree

2 files changed

+6
-2
lines changed

2 files changed

+6
-2
lines changed

src/material-experimental/mdc-menu/_menu-theme.scss

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,9 @@
1414
// MDC doesn't appear to have disabled styling for menu
1515
// items so we have to grey them out ourselves.
1616
.mat-mdc-menu-item[disabled] {
17-
&, &::after {
17+
&,
18+
&::after,
19+
.mat-icon-no-color {
1820
@include mdc-theme-prop(color, text-disabled-on-background);
1921
}
2022
}

src/material/menu/_menu-theme.scss

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,9 @@
2020
color: mat-color($foreground, 'text');
2121

2222
&[disabled] {
23-
&, &::after {
23+
&,
24+
&::after,
25+
.mat-icon-no-color {
2426
color: mat-color($foreground, 'disabled');
2527
}
2628
}

0 commit comments

Comments
 (0)