Skip to content

Commit 91898a9

Browse files
jawinncastastrophe
authored andcommitted
fix(actionbutton): fix high contrast styles for selected disabled
The selected + disabled button was not showing up as the disabled colors in high contrast mode. Fixed by adjusting the source order slightly in the high contrast media query so disabled is after selected and takes precedence.
1 parent 36e165b commit 91898a9

File tree

1 file changed

+7
-7
lines changed

1 file changed

+7
-7
lines changed

components/actionbutton/index.css

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -25,13 +25,6 @@
2525
forced-color-adjust: none;
2626
}
2727

28-
&:disabled,
29-
&.is-disabled {
30-
--highcontrast-actionbutton-content-color: GrayText;
31-
--highcontrast-actionbutton-border-color: GrayText;
32-
--highcontrast-actionbutton-background-color: ButtonFace;
33-
}
34-
3528
&.is-selected {
3629
--highcontrast-actionbutton-background-color: Highlight;
3730
--highcontrast-actionbutton-border-color: HighlightText;
@@ -45,6 +38,13 @@
4538
forced-color-adjust: none;
4639
}
4740
}
41+
42+
&:disabled,
43+
&.is-disabled {
44+
--highcontrast-actionbutton-content-color: GrayText;
45+
--highcontrast-actionbutton-border-color: GrayText;
46+
--highcontrast-actionbutton-background-color: ButtonFace;
47+
}
4848
}
4949
}
5050

0 commit comments

Comments
 (0)