Bug 1493280 - Adapt toolbar and scrollbox rules after landing of bug 1492130. r=jorgk
authorRichard Marti <richard.marti@gmail.com>
Fri, 21 Sep 2018 22:09:11 +0200
changeset 33203 1824f784b446e87be3d92137ed51f2fb73c3f1bd
parent 33202 ec9dbe9537afa761d25a60365707f38de7eaa447
child 33204 97064b1acf5339bb5e78fd2f90bac5a4ea332d76
push id387
push userclokep@gmail.com
push dateMon, 10 Dec 2018 21:30:47 +0000
reviewersjorgk
bugs1493280, 1492130
Bug 1493280 - Adapt toolbar and scrollbox rules after landing of bug 1492130. r=jorgk
mail/themes/linux/mail/messenger.css
mail/themes/linux/mail/tabmail.css
mail/themes/osx/mail/tabmail.css
mail/themes/shared/mail/tabmail.css
mail/themes/windows/mail/tabmail.css
--- a/mail/themes/linux/mail/messenger.css
+++ b/mail/themes/linux/mail/messenger.css
@@ -323,18 +323,18 @@ toolbox[labelalign="end"] .toolbarbutton
 }
 
 .toolbarbutton-1,
 .toolbarbutton-menubutton-button {
   -moz-appearance: none;
   min-height: 24px;
   min-width: 32px;
   margin: 4px 1px;
-  padding: 1px 6px;
-  color: inherit;
+  padding: 1px 6px !important;
+  color: inherit !important;
 }
 
 .toolbarbutton-1[type="menu-button"] {
   -moz-appearance: none;
 }
 
 .findbar-button {
   -moz-appearance: none;
--- a/mail/themes/linux/mail/tabmail.css
+++ b/mail/themes/linux/mail/tabmail.css
@@ -60,17 +60,22 @@ tabpanels {
   margin-top: 1px;
 }
 
 /**
  * Tab Scrollbox Arrow Buttons
  */
 
 .tabmail-arrowscrollbox > .scrollbutton-up,
-.tabmail-arrowscrollbox > stack > .scrollbutton-down,
+.tabmail-arrowscrollbox > stack > .scrollbutton-down {
+  -moz-appearance: none;
+  padding: 3px !important;
+  border-style: none !important;
+}
+
 .tabmail-arrowscrollbox > .scrollbutton-up > .toolbarbutton-icon,
 .tabmail-arrowscrollbox > stack > .scrollbutton-down > .toolbarbutton-icon {
   -moz-appearance: none;
 }
 
 .tabmail-arrowscrollbox > .scrollbutton-up:not([disabled]):hover,
 .tabmail-arrowscrollbox > stack > .scrollbutton-down:not([disabled]):hover {
   background: var(--toolbarbutton-active-background);
--- a/mail/themes/osx/mail/tabmail.css
+++ b/mail/themes/osx/mail/tabmail.css
@@ -115,18 +115,18 @@ tabmail > tabbox > tabpanels {
 }
 
 /**
  * Tab Scrollbox Arrow Buttons
  */
 
 .tabmail-arrowscrollbox > .scrollbutton-up,
 .tabmail-arrowscrollbox > stack > .scrollbutton-down {
-  padding: 0 4px;
-  margin: 0 0 1px;
+  padding: 0 4px !important;
+  margin: 0 0 1px !important;
 }
 
 .tabmail-arrowscrollbox >
   .scrollbutton-up:not([disabled="true"]):hover,
 .tabmail-arrowscrollbox > stack >
   .scrollbutton-down:not([disabled="true"]):hover {
   background-image: linear-gradient(transparent, rgba(0,0,0,0.15));
 }
--- a/mail/themes/shared/mail/tabmail.css
+++ b/mail/themes/shared/mail/tabmail.css
@@ -245,17 +245,17 @@
 
 /**
  * Tab Scrollbox Arrow Buttons
  */
 
 .tabmail-arrowscrollbox > .scrollbutton-up,
 .tabmail-arrowscrollbox > stack > .scrollbutton-down {
   color: inherit;
-  list-style-image: url("chrome://messenger/skin/icons/arrow-left.svg");
+  list-style-image: url("chrome://messenger/skin/icons/arrow-left.svg") !important;
   -moz-context-properties: fill, fill-opacity;
   fill: currentColor;
   fill-opacity: var(--toolbarbutton-icon-fill-opacity);
 }
 
 .tabmail-arrowscrollbox > .scrollbutton-up:-moz-locale-dir(rtl),
 .tabmail-arrowscrollbox > stack > .scrollbutton-down:-moz-locale-dir(ltr) {
   transform: scaleX(-1);
--- a/mail/themes/windows/mail/tabmail.css
+++ b/mail/themes/windows/mail/tabmail.css
@@ -60,31 +60,31 @@ tabpanels {
 
 /**
  * Tab Scrollbox Arrow Buttons
  */
 
 .tabmail-arrowscrollbox > .scrollbutton-up,
 .tabmail-arrowscrollbox > stack > .scrollbutton-down {
   -moz-appearance: none;
-  border-style: none;
-  padding: 0 3px;
-  margin: 0;
-  margin-inline-end: 1px;
+  border-style: none !important;
+  padding: 0 3px !important;
+  margin: 0 !important;
+  margin-inline-end: 1px !important;
 }
 
 .tabmail-arrowscrollbox > .scrollbutton-up[disabled],
 .tabmail-arrowscrollbox > stack > .scrollbutton-down[disabled] {
   --toolbarbutton-icon-fill-opacity: .4;
 }
 
 .tabmail-arrowscrollbox > .scrollbutton-up:-moz-locale-dir(rtl),
 .tabmail-arrowscrollbox > stack > .scrollbutton-down:-moz-locale-dir(ltr) {
-  margin-inline-start: 1px;
-  margin-inline-end: 0;
+  margin-inline-start: 1px !important;
+  margin-inline-end: 0 !important;
 }
 
 /**
  * All Tabs Button
  */
 
 .tabmail-arrowscrollbox > .scrollbutton-up:not([disabled]):hover,
 .tabmail-arrowscrollbox > stack > .scrollbutton-down:not([disabled]):hover {