mirror of
https://github.com/material-components/material-web.git
synced 2024-09-11 13:46:10 +03:00
fix(iconbutton): fix HCM disabled opacity and outlined
PiperOrigin-RevId: 565089379
This commit is contained in:
parent
fe79d2adfd
commit
1163315948
@ -162,16 +162,20 @@
|
||||
}
|
||||
|
||||
@media (forced-colors: active) {
|
||||
:host([disabled]) {
|
||||
--_disabled-outline-opacity: 1;
|
||||
}
|
||||
|
||||
// Selected button in HCM has an outline.
|
||||
.selected {
|
||||
&::before {
|
||||
border-color: var(--_outline-color);
|
||||
border-color: CanvasText;
|
||||
border-width: var(--_outline-width);
|
||||
}
|
||||
|
||||
&:disabled::before {
|
||||
border-color: var(--_disabled-outline-color);
|
||||
opacity: var(--_disabled-outline-opacity);
|
||||
border-color: GrayText;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -109,4 +109,10 @@
|
||||
:host([touch-target='none']) .touch {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (forced-colors: active) {
|
||||
:host([disabled]) {
|
||||
--_disabled-icon-opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user