Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-24 10:45:42 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1484911 - Convert .disabled selectors on <form> elements in extension.css to :disabled; r=bwinton

Browse Source 
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:
Brian Birtles 2018-08-23 13:16:11 +00:00
parent 6be8c01caa
commit eaac2f20c4
1 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
browser/components/extensions/extension.css
View File

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