nagai/fune
3
0
Fork 0
forked from mirrors/gecko-dev
Code Pull requests Activity

Bug 1869233 - Don't fade disabled checkboxes. r=dao,desktop-theme-reviewers

Browse source 
The non-native theme already applies disabled appearance on its own.
Applying opacity on top fades them quite a lot.

Differential Revision: https://phabricator.services.mozilla.com/D196018
This commit is contained in:
Emilio Cobos Álvarez 2023-12-11 11:02:01 +00:00
parent 865f64bb14
commit 363ff6a012
2 changed files with 10 additions and 14 deletions
repo.diff.show_diff_stats Download patch file Download diff file Expand all files Collapse all files

18
toolkit/themes/shared/checkbox.css
View file

@ -8,6 +8,14 @@
checkbox {
align-items: center;
margin: 4px 2px;
&[disabled="true"][native] {
color: GrayText;
}
&[disabled="true"]:not([native]) > .checkbox-label-box {
opacity: 0.4;
}
}
.checkbox-icon {
@ -22,12 +30,6 @@ checkbox {
margin: 1px 0;
}
/* ..... disabled state ..... */
checkbox[disabled="true"] {
opacity: 0.4;
}
/* ::::: checkmark image ::::: */
.checkbox-check {
@ -76,10 +78,6 @@ checkbox[disabled="true"] {
}
}
checkbox[native][disabled="true"] {
color: GrayText;
}
@media (-moz-platform: windows) or (-moz-platform: linux) {
checkbox[native]:focus-visible > .checkbox-label-box {
outline: var(--focus-outline);

6
toolkit/themes/shared/in-content/common-shared.css
View file

@ -728,10 +728,8 @@ xul|label[disabled="true"] {
color: inherit;
}
html|input[type="checkbox"]:disabled,
html|input[type="radio"]:disabled,
xul|checkbox[disabled="true"],
xul|radio[disabled="true"],
xul|checkbox[disabled="true"] > .checkbox-label-box,
xul|radio[disabled="true"] > .radio-label-box,
xul|label[disabled="true"] {
opacity: 0.5;
}