mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-24 10:45:42 +00:00
Bug 1484911 - Convert .disabled selectors on <form> elements in extension.css to :disabled; r=bwinton
This does _not_ convert .disabled selectors on non-<form> elements such as panel-list-items since presumably in such cases the 'disabled' class is being used to grey-out a whole chunk of content. For form elements, however, authors shouldn't be greying out elements with the 'disabled' class without also actually making the form element itself disabled (e.g. with the disabled attribute). Differential Revision: https://phabricator.services.mozilla.com/D3856 --HG-- extra : moz-landing-system : lando
This commit is contained in:
parent
6be8c01caa
commit
eaac2f20c4
@ -102,8 +102,8 @@ select.browser-style.pressed {
|
||||
border: 1px solid #858585;
|
||||
}
|
||||
|
||||
button.browser-style.disabled,
|
||||
select.browser-style.disabled {
|
||||
button.browser-style:disabled,
|
||||
select.browser-style:disabled {
|
||||
color: #999;
|
||||
opacity: .5;
|
||||
}
|
||||
@ -261,29 +261,29 @@ button.browser-style.expander {
|
||||
}
|
||||
|
||||
/* Interactive States */
|
||||
button.browser-style:hover:not(.pressed):not(.disabled):not(.focused),
|
||||
select.browser-style:hover:not(.pressed):not(.disabled):not(.focused) {
|
||||
button.browser-style:hover:not(.pressed):not(:disabled):not(.focused),
|
||||
select.browser-style:hover:not(.pressed):not(:disabled):not(.focused) {
|
||||
background-color: #ebebeb;
|
||||
border: 1px solid #b1b1b1;
|
||||
}
|
||||
|
||||
button.browser-style:hover:active:not(.hover):not(.disabled):not(.focused),
|
||||
select.browser-style:hover:active:not(.hover):not(.disabled):not(.focused) {
|
||||
button.browser-style:hover:active:not(.hover):not(:disabled):not(.focused),
|
||||
select.browser-style:hover:active:not(.hover):not(:disabled):not(.focused) {
|
||||
background-color: #d4d4d4;
|
||||
border: 1px solid #858585;
|
||||
}
|
||||
|
||||
button.browser-style.default:hover:not(.pressed):not(.disabled):not(.focused) {
|
||||
button.browser-style.default:hover:not(.pressed):not(:disabled):not(.focused) {
|
||||
background-color: #0670cc;
|
||||
border-color: #005bab;
|
||||
}
|
||||
|
||||
button.browser-style.default:hover:active:not(.hover):not(.disabled):not(.focused) {
|
||||
button.browser-style.default:hover:active:not(.hover):not(:disabled):not(.focused) {
|
||||
background-color: #005bab;
|
||||
border-color: #004480;
|
||||
}
|
||||
|
||||
button.browser-style:focus:not(.disabled) {
|
||||
button.browser-style:focus:not(:disabled) {
|
||||
border-color: #fff !important;
|
||||
box-shadow: 0 0 0 2px rgba(97, 181, 255, 0.75);
|
||||
}
|
||||
@ -309,8 +309,8 @@ textarea.browser-style.hover {
|
||||
border: 1px solid #858585;
|
||||
}
|
||||
|
||||
.browser-style > input[type="text"].disabled,
|
||||
textarea.browser-style.disabled {
|
||||
.browser-style > input[type="text"]:disabled,
|
||||
textarea.browser-style:disabled {
|
||||
color: #999;
|
||||
opacity: .5;
|
||||
}
|
||||
@ -322,8 +322,8 @@ textarea.browser-style.focused {
|
||||
}
|
||||
|
||||
/* Interactive States */
|
||||
.browser-style > input[type="text"]:not(.disabled):hover,
|
||||
textarea.browser-style:not(.disabled):hover {
|
||||
.browser-style > input[type="text"]:not(:disabled):hover,
|
||||
textarea.browser-style:not(:disabled):hover {
|
||||
border: 1px solid #858585;
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user