material-components/material-web
1
1
Fork 0
mirror of https://github.com/material-components/material-web.git synced 2024-09-11 13:46:10 +03:00
Code Issues Projects Releases Wiki Activity

fix(iconbutton): fix HCM disabled opacity and outlined

Browse Source 
PiperOrigin-RevId: 565089379
This commit is contained in:
Andrew Jakubowicz 2023-09-13 10:22:02 -07:00 committed by Copybara-Service
parent fe79d2adfd
commit 1163315948
2 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
iconbutton/internal/_outlined-icon-button.scss
View File

@ -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;
}
}
}

6
iconbutton/internal/_shared.scss
View File

@ -109,4 +109,10 @@
:host([touch-target='none']) .touch {
display: none;
}
@media (forced-colors: active) {
:host([disabled]) {
--_disabled-icon-opacity: 1;
}
}
}