Bug 1685628 - Fix common.css radio button hover styles to be consistent with checkboxes. r=dao

Differential Revision: https://phabricator.services.mozilla.com/D101094
This commit is contained in:
Tim Nguyen 2021-01-08 13:17:31 +00:00
Родитель d488265252
Коммит 73a733f254
1 изменённых файлов: 17 добавлений и 18 удалений

Просмотреть файл

@ -571,17 +571,6 @@ html|input[type="checkbox"]:not(:disabled):checked:hover {
background-color: var(--blue-70); background-color: var(--blue-70);
} }
xul|checkbox[disabled="true"],
xul|label[disabled="true"] {
color: inherit;
}
xul|checkbox[disabled="true"],
html|input[type="checkbox"]:disabled,
xul|label[disabled="true"] {
opacity: 0.5;
}
xul|richlistitem > xul|*.checkbox-check { xul|richlistitem > xul|*.checkbox-check {
margin: 3px 6px; margin: 3px 6px;
} }
@ -607,7 +596,7 @@ xul|*.radio-check {
background-color: var(--grey-90-a10); background-color: var(--grey-90-a10);
} }
xul|radio:not([disabled="true"], [selected="true"]):hover > xul|*.radio-check { xul|radio:not([disabled="true"]):hover > xul|*.radio-check {
background-color: var(--grey-90-a20); background-color: var(--grey-90-a20);
} }
@ -619,20 +608,30 @@ xul|*.radio-check[selected] {
background-color: var(--blue-60); background-color: var(--blue-60);
} }
xul|radio:not([disabled="true"]):hover > xul|*.radio-check { xul|radio:not([disabled="true"])[selected]:hover > xul|*.radio-check {
background-color: var(--blue-70); background-color: var(--blue-70);
} }
xul|radio[disabled="true"] {
color: inherit;
opacity: 0.5;
}
xul|*.radio-label-box { xul|*.radio-label-box {
margin-inline: -1px 8px; /* the negative margin-inline-start for the transparent border */ margin-inline: -1px 8px; /* the negative margin-inline-start for the transparent border */
padding-inline-start: 0; padding-inline-start: 0;
} }
/* Disabled checkboxes, radios and labels */
xul|checkbox[disabled="true"],
xul|radio[disabled="true"],
xul|label[disabled="true"] {
color: inherit;
}
xul|checkbox[disabled="true"],
html|input[type="checkbox"]:disabled,
xul|radio[disabled="true"],
xul|label[disabled="true"] {
opacity: 0.5;
}
/* Category List */ /* Category List */
#categories { #categories {