Bug 1473922 - Load button.css as a document stylesheet. r=bgrins

Differential Revision: https://phabricator.services.mozilla.com/D11462

--HG--
extra : moz-landing-system : lando
This commit is contained in:
Dão Gottwald 2018-11-09 16:17:24 +00:00
parent e53d39cdd5
commit d533fe7a8f
8 changed files with 20 additions and 23 deletions

View File

@ -738,14 +738,14 @@ button.translate-infobar-element {
transition-duration: 150ms;
min-height: 22px;
min-width: 0;
padding: 0 0.8em !important;
padding: 0 0.8em;
margin-left: 0.25em;
margin-right: 0.25em;
}
button.translate-infobar-element .button-text {
margin-left: 0 !important;
margin-right: 0 !important;
margin-left: 0;
margin-right: 0;
}
label.translate-infobar-element {
@ -767,7 +767,7 @@ button.translate-infobar-element[anonid="translate"] {
background: linear-gradient(#4cb1ff, #1793e5);
box-shadow: 0 1px 0 hsla(0,0%,100%,.2) inset, 0 0 0 1px hsla(0,0%,100%,.1) inset, 0 1px 0 hsla(210,54%,20%,.03);
border-color: hsla(210,54%,20%,.15) hsla(210,54%,20%,.17) hsla(210,54%,20%,.2);
padding: 0 1.1em !important;;
padding: 0 1.1em;
}
button.translate-infobar-element[anonid="translate"]:hover {
@ -776,15 +776,15 @@ button.translate-infobar-element[anonid="translate"]:hover {
}
button.translate-infobar-element.options-menu-button {
padding-inline-start: 0.5em !important;
padding-inline-end: 0em !important;
padding-inline-start: 0.5em;
padding-inline-end: 0;
}
button.translate-infobar-element.options-menu-button > .button-box > .button-menu-dropmarker {
display: -moz-box;
list-style-image: url("chrome://global/skin/icons/glyph-dropdown.png");
padding: 0 !important;
margin: 0 !important;
padding: 0;
margin: 0;
}
@media (min-resolution: 2dppx) {

View File

@ -145,8 +145,7 @@
#customization-uidensity-button > .box-inherit > .box-inherit > .button-text,
#customization-lwtheme-button > .box-inherit > .box-inherit > .button-text {
/* Sadly, button.css thinks its margins are perfect for everyone. */
margin-inline-start: 6px !important;
margin-inline-start: 6px;
}
#customization-uidensity-button > .box-inherit > .box-inherit > .button-icon,

View File

@ -8,6 +8,7 @@
@import url("chrome://global/content/autocomplete.css");
@import url("chrome://global/skin/autocomplete.css");
@import url("chrome://global/skin/button.css");
@import url("chrome://global/skin/checkbox.css");
@import url("chrome://global/skin/dialog.css");
@import url("chrome://global/skin/dropmarker.css");

View File

@ -192,10 +192,6 @@
<binding id="button" display="xul:button"
extends="chrome://global/content/bindings/button.xml#button-base">
<resources>
<stylesheet src="chrome://global/skin/button.css"/>
</resources>
<content>
<children includes="observes|template|menupopup|panel|tooltip"/>
<xul:hbox class="box-inherit button-box" xbl:inherits="align,dir,pack,orient"

View File

@ -27,7 +27,7 @@ button {
}
.button-text {
margin: 0 !important;
margin: 0;
text-align: center;
}
@ -46,7 +46,7 @@ button[disabled="true"] {
/* ::::: menu buttons ::::: */
.button-menu-dropmarker {
-moz-appearance: toolbarbutton-dropdown !important;
-moz-appearance: toolbarbutton-dropdown;
}
/* ::::: plain buttons ::::: */

View File

@ -31,9 +31,9 @@ button[default="true"]:not(:hover):active {
}
.button-text {
margin: 1px 0 !important;
margin-inline-start: 3px !important;
margin-inline-end: 2px !important;
margin: 1px 0;
margin-inline-start: 3px;
margin-inline-end: 2px;
text-align: center;
}
@ -55,7 +55,7 @@ button[disabled="true"] {
.button-menu-dropmarker {
display: none;
-moz-appearance: none !important;
-moz-appearance: none;
}
/* ::::: plain buttons ::::: */

View File

@ -153,7 +153,8 @@ html|*.numberbox-input::-moz-number-spin-up,
html|*.numberbox-input::-moz-number-spin-down {
-moz-appearance: none;
min-height: 30px;
color: var(--in-content-text-color);
/* !important overrides button.css for disabled and default XUL buttons: */
color: var(--in-content-text-color) !important;
border: 1px solid var(--in-content-box-border-color);
border-radius: 2px;
background-color: var(--in-content-page-background);

View File

@ -26,7 +26,7 @@ button {
}
.button-text {
margin: 0 !important;
margin: 0;
text-align: center;
}
@ -80,7 +80,7 @@ button[disabled="true"] {
/* ::::: menu buttons ::::: */
.button-menu-dropmarker {
-moz-appearance: none !important;
-moz-appearance: none;
list-style-image: url("chrome://global/skin/icons/arrow-dropdown-12.svg");
-moz-context-properties: fill;
fill: currentColor;