Bug 1414562 - Port bug 1347190 to TB: Add support for toolbar_top/bottom/vertical_separator in the theming API. r=jorgk CLOSED TREE
authorRichard Marti <richard.marti@gmail.com>
Sat, 04 Nov 2017 20:31:38 +0100
changeset 29318 23aa8cfaeb0db5089e7045cf7c4da86b515d720c
parent 29317 cda5ad0fab2b9e1f7dc8d7b7248a24a0a0b2c177
child 29319 fe6af7970776b8036ab2c66d769539f246131d68
push id2068
push userclokep@gmail.com
push dateMon, 13 Nov 2017 19:02:14 +0000
treeherdercomm-beta@9c7e7ce8672b [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersjorgk
bugs1414562, 1347190
Bug 1414562 - Port bug 1347190 to TB: Add support for toolbar_top/bottom/vertical_separator in the theming API. r=jorgk CLOSED TREE
mail/themes/linux/mail/messenger.css
mail/themes/osx/mail/messenger.css
mail/themes/shared/mail/tabmail.css
mail/themes/windows/mail/mailWindow1.css
mail/themes/windows/mail/messenger.css
mail/themes/windows/mail/tabmail.css
--- a/mail/themes/linux/mail/messenger.css
+++ b/mail/themes/linux/mail/messenger.css
@@ -9,17 +9,17 @@
 @import url("chrome://global/skin/");
 @import url("chrome://messenger/content/messenger.css");
 @import url("chrome://messenger/skin/shared/messenger.css");
 
 :root {
   --toolbarHighlight: rgba(255, 255, 255, .4);
 
   --tab-min-height: 30px;
-  --tabs-border: rgba(0,0,0,.3);
+  --tabs-border-color: rgba(0,0,0,.3);
   --tab-line-color: highlight;
 
   --toolbar-non-lwt-bgcolor: -moz-dialog;
   --toolbar-non-lwt-textcolor: -moz-dialogtext;
   --toolbar-non-lwt-bgimage: linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15));
   --toolbar-bgcolor: var(--toolbar-non-lwt-bgcolor);
   --toolbar-bgimage: var(--toolbar-non-lwt-bgimage);
 
--- a/mail/themes/osx/mail/messenger.css
+++ b/mail/themes/osx/mail/messenger.css
@@ -7,17 +7,17 @@
   ======================================================================= */
 
 @import url("chrome://global/skin/");
 @import url("chrome://messenger/content/messenger.css");
 @import url("chrome://messenger/skin/shared/messenger.css");
 
 :root {
   --tab-min-height: 30px;
-  --tabs-border: rgba(0,0,0,.3);
+  --tabs-border-color: rgba(0,0,0,.3);
   --tab-line-color: #0a84ff;
 
   --toolbar-non-lwt-bgcolor: #f9f9fa;
   --toolbar-non-lwt-textcolor: #0c0c0d;
   --toolbar-non-lwt-bgimage: none;
   --toolbar-bgcolor: var(--toolbar-non-lwt-bgcolor);
   --toolbar-bgimage: var(--toolbar-non-lwt-bgimage);
 
@@ -62,20 +62,20 @@ toolbar[brighttext] {
 }
 
 #messengerWindow:not([tabsintitlebar]) #titlebar {
   height: 22px;
 }
 
 @media (-moz-mac-yosemite-theme) {
   :root:not(:-moz-lwtheme) {
-    --tabs-border: rgba(0,0,0,.2);
+    --tabs-border-color: rgba(0,0,0,.2);
   }
   :root:not(:-moz-lwtheme):-moz-window-inactive {
-    --tabs-border: rgba(0,0,0,.05);
+    --tabs-border-color: rgba(0,0,0,.05);
   }
 }
 
 #messengerWindow:not([tabsintitlebar="true"]) >
 #titlebar:not(:-moz-lwtheme),
 #messengerWindow[sizemode="fullscreen"]:not([tabsintitlebar="true"]) >
 #titlebar {
   display: none;
--- a/mail/themes/shared/mail/tabmail.css
+++ b/mail/themes/shared/mail/tabmail.css
@@ -7,17 +7,17 @@
   --tab-toolbar-overlap: 1px;
 }
 
 #tabs-toolbar:-moz-lwtheme {
   --tab-line-color: var(--lwt-accent-color);
 }
 
 #tabs-toolbar {
-  background-image: linear-gradient(to top, var(--tabs-border) 1px,
+  background-image: linear-gradient(to top, var(--tabs-border-color) 1px,
                     transparent 1px);
 }
 
 .tabmail-arrowscrollbox {
   min-height: var(--tab-min-height);
 }
 
 .tab-stack {
@@ -118,17 +118,17 @@
 
 :root:not([tabsintitlebar]) .tab-background,
 #mail-toolbar-menubar2[toolbarname]:not([autohide=true]) ~ #tabs-toolbar > .tabmail-tabs >
   .tabmail-tab > .tab-stack > .tab-background {
   border-top-style: solid;
 }
 
 .tab-background[selected=true] {
-  border-top-color: var(--tabs-border);
+  border-top-color: var(--tabs-border-color);
   background-color: var(--toolbar-bgcolor);
   background-image: var(--toolbar-bgimage);
   background-repeat: repeat-x;
 }
 
 .tab-line[selected=true] {
   background-color: var(--tab-line-color);
 }
@@ -207,17 +207,17 @@
   margin-top: var(--tabs-top-border-width);
   margin-bottom: var(--tab-toolbar-overlap);
 }
 
 /* Show full height tab separators on selected tabs. */
 .tabmail-tab[visuallyselected]::before,
 .tabmail-tab[visuallyselected]:last-child::after,
 .tabmail-tab[visuallyselected] + .tabmail-tab::before {
-  border-color: var(--tabs-border);
+  border-color: var(--tabs-border-color);
   margin-top: 0;
   margin-bottom: var(--tab-toolbar-overlap);
   opacity: 1;
 }
 
 .tabmail-tab:last-child::after,
 .tabmail-tab + .tabmail-tab::before {
   content: '';
--- a/mail/themes/windows/mail/mailWindow1.css
+++ b/mail/themes/windows/mail/mailWindow1.css
@@ -693,17 +693,17 @@ treechildren::-moz-tree-cell-text(imapde
     background-color: transparent;
   }
 }
 
 @media (-moz-os-version: windows-win7) and (-moz-windows-default-theme),
        (-moz-os-version: windows-win8) and (-moz-windows-default-theme) {
   @media (-moz-windows-compositor) {
     :root:not(:-moz-lwtheme) {
-      --tabs-border: var(--glassShadowColor);
+      --tabs-border-color: var(--glassShadowColor);
     }
 
     #messengerWindow[sizemode=normal] #tabpanelcontainer {
       border: 1px solid var(--glassShadowColor);
       border-top: none;
       background-clip: padding-box;
     }
 
--- a/mail/themes/windows/mail/messenger.css
+++ b/mail/themes/windows/mail/messenger.css
@@ -7,17 +7,17 @@
   ======================================================================= */
 
 @import url("chrome://global/skin/");
 @import url("chrome://messenger/content/messenger.css");
 @import url("chrome://messenger/skin/shared/messenger.css");
 
 :root {
   --tab-min-height: 30px;
-  --tabs-border: threedshadow;
+  --tabs-border-color: threedshadow;
   --tab-line-color: highlight;
 
   --glassShadowColor: hsla(240, 5%, 5%, .3);
   --toolbar-non-lwt-bgcolor: -moz-dialog;
   --toolbar-non-lwt-textcolor: -moz-dialogtext;
   --toolbar-non-lwt-bgimage: linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15));
   --toolbar-bgcolor: var(--toolbar-non-lwt-bgcolor);
   --toolbar-bgimage: var(--toolbar-non-lwt-bgimage);
@@ -35,27 +35,27 @@
   --toolbarbutton-checkedhover-backgroundcolor: rgba(0, 0, 0, .2);
   --toolbarbutton-icon-fill-attention: #0a84ff;
 
   --lwt-header-image: none;
 }
 
 @media (-moz-windows-default-theme) {
   :root {
-    --tabs-border: rgba(0,0,0,.3);
+    --tabs-border-color: rgba(0,0,0,.3);
     --tab-line-color: #0a84ff;
 
     --toolbar-non-lwt-bgcolor: #f9f9fa;
     --toolbar-non-lwt-textcolor: #0c0c0d;
     --toolbar-non-lwt-bgimage: none;
   }
 }
 
 :root:-moz-lwtheme {
-  --tabs-border: rgba(0,0,0,.3);
+  --tabs-border-color: rgba(0,0,0,.3);
 
   --toolbar-bgcolor: rgba(255,255,255,.4);
   --toolbar-bgimage: none;
 
   --toolbarbutton-icon-fill-opacity: 1;
 }
 
 toolbar[brighttext] {
--- a/mail/themes/windows/mail/tabmail.css
+++ b/mail/themes/windows/mail/tabmail.css
@@ -163,17 +163,17 @@ tabpanels {
   }
 }
 
 @media (-moz-windows-glass),
        (-moz-os-version: windows-win8) and (-moz-windows-default-theme) {
   :root[sizemode=normal] .tabmail-tab[first-tab][visuallyselected]:before {
     content: '';
     display: -moz-box;
-    --tabs-border: var(--glassShadowColor);
+    --tabs-border-color: var(--glassShadowColor);
   }
 }
 
 @media (-moz-os-version: windows-win8) and (-moz-windows-default-theme) {
   #messengerWindow[darkwindowframe="true"]
   #tabs-toolbar:not(:-moz-lwtheme):not(:-moz-window-inactive),
   #messengerWindow[darkwindowframe="true"]
   .tabmail-tab:not([selected="true"]):not(:-moz-lwtheme):not(:-moz-window-inactive) {