From 91ba802f2ea7972a1c94be84e411d689e6100479 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?D=C3=A3o=20Gottwald?= Date: Fri, 21 Sep 2018 17:16:45 +0200 Subject: [PATCH 01/14] Bug 1492130 - Load toolbarbutton.css and scrollbox.css as document stylesheets. r=paolo --- browser/themes/shared/tabs.inc.css | 2 +- .../themes/shared/toolbarbutton-icons.inc.css | 2 +- browser/themes/shared/toolbarbuttons.inc.css | 30 +++++++++---------- .../content/tests/chrome/test_bug562554.xul | 4 ++- toolkit/content/widgets.css | 2 ++ toolkit/content/widgets/scrollbox.xml | 4 --- toolkit/content/widgets/toolbarbutton.xml | 4 --- toolkit/themes/linux/global/toolbarbutton.css | 16 +++------- toolkit/themes/osx/global/toolbarbutton.css | 8 ++--- .../themes/windows/global/toolbarbutton.css | 4 +-- 10 files changed, 31 insertions(+), 45 deletions(-) diff --git a/browser/themes/shared/tabs.inc.css b/browser/themes/shared/tabs.inc.css index 6a39629ddddb..4d20724a9141 100644 --- a/browser/themes/shared/tabs.inc.css +++ b/browser/themes/shared/tabs.inc.css @@ -702,7 +702,7 @@ .tabbrowser-arrowscrollbox > .scrollbutton-up, .tabbrowser-arrowscrollbox > .scrollbutton-down { - list-style-image: url(chrome://browser/skin/arrow-left.svg); + list-style-image: url(chrome://browser/skin/arrow-left.svg) !important; -moz-context-properties: fill, fill-opacity; fill: currentColor; fill-opacity: var(--toolbarbutton-icon-fill-opacity); diff --git a/browser/themes/shared/toolbarbutton-icons.inc.css b/browser/themes/shared/toolbarbutton-icons.inc.css index b913e11f19d0..41c2f8b92912 100644 --- a/browser/themes/shared/toolbarbutton-icons.inc.css +++ b/browser/themes/shared/toolbarbutton-icons.inc.css @@ -13,7 +13,7 @@ toolbar[brighttext] { .toolbarbutton-animatable-box, .toolbarbutton-1 { - color: inherit; + color: inherit !important; -moz-context-properties: fill, fill-opacity; fill: var(--lwt-toolbarbutton-icon-fill, currentColor); fill-opacity: var(--toolbarbutton-icon-fill-opacity); diff --git a/browser/themes/shared/toolbarbuttons.inc.css b/browser/themes/shared/toolbarbuttons.inc.css index 70d590f174b3..1c44261fc286 100644 --- a/browser/themes/shared/toolbarbuttons.inc.css +++ b/browser/themes/shared/toolbarbuttons.inc.css @@ -63,7 +63,7 @@ toolbar[brighttext] { } .toolbarbutton-1 > .toolbarbutton-icon { - margin-inline-end: 0; + margin-inline-end: 0 !important; } .toolbarbutton-1 > .toolbarbutton-icon, @@ -74,13 +74,13 @@ toolbar[brighttext] { #TabsToolbar .toolbarbutton-1, .tabbrowser-arrowscrollbox > .scrollbutton-up, .tabbrowser-arrowscrollbox > .scrollbutton-down { - margin: 0 0 @navbarTabsShadowSize@; + margin: 0 0 @navbarTabsShadowSize@ !important; } .tabbrowser-arrowscrollbox > .scrollbutton-up, .tabbrowser-arrowscrollbox > .scrollbutton-down { -moz-appearance: none; - padding: 0 var(--toolbarbutton-inner-padding); + padding: 0 var(--toolbarbutton-inner-padding) !important; } #navigator-toolbox:not(:hover) > #TabsToolbar > #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .scrollbutton-down:not([highlight]) { @@ -100,13 +100,13 @@ toolbar[brighttext] { toolbar .toolbarbutton-1 { -moz-appearance: none; margin: 0; - padding: 0 var(--toolbarbutton-outer-padding); + padding: 0 var(--toolbarbutton-outer-padding) !important; -moz-box-pack: center; } :root:not([uidensity=compact]) #PanelUI-menu-button { - padding-inline-start: 5px; - padding-inline-end: 5px; + padding-inline-start: 5px !important; + padding-inline-end: 5px !important; } toolbar .toolbarbutton-1 > menupopup { @@ -149,8 +149,8 @@ toolbar .toolbaritem-combined-buttons { } toolbar .toolbaritem-combined-buttons > .toolbarbutton-1 { - padding-left: 0; - padding-right: 0; + padding-left: 0 !important; + padding-right: 0 !important; } toolbar .toolbaritem-combined-buttons:not(:hover) > separator { @@ -199,9 +199,9 @@ toolbar .toolbarbutton-1[checked]:not(:active):hover > .toolbarbutton-icon { } :root:not([uidensity=compact]) #back-button { - padding-top: 3px; - padding-bottom: 3px; - padding-inline-start: 3px; + padding-top: 3px !important; + padding-bottom: 3px !important; + padding-inline-start: 3px !important; padding-inline-end: 0 !important; position: relative !important; z-index: 1 !important; @@ -230,9 +230,9 @@ toolbar .toolbarbutton-1[checked]:not(:active):hover > .toolbarbutton-icon { } :root[uidensity=touch] #back-button { - padding-top: 1px; - padding-bottom: 1px; - padding-inline-start: 1px; + padding-top: 1px !important; + padding-bottom: 1px !important; + padding-inline-start: 1px !important; } :root[uidensity=touch] #back-button > .toolbarbutton-icon { @@ -343,6 +343,6 @@ toolbarbutton.bookmark-item { } #PersonalToolbar .toolbarbutton-1 { - padding: 1px var(--toolbarbutton-inner-padding); + padding: 1px var(--toolbarbutton-inner-padding) !important; border-radius: var(--toolbarbutton-border-radius); } diff --git a/toolkit/content/tests/chrome/test_bug562554.xul b/toolkit/content/tests/chrome/test_bug562554.xul index 7ee9ef03d69c..f6f12c58e0a3 100644 --- a/toolkit/content/tests/chrome/test_bug562554.xul +++ b/toolkit/content/tests/chrome/test_bug562554.xul @@ -1,5 +1,4 @@ -