Backed out changeset 028a63d5008c (bug 864562)
authorSebastian Hengst <archaeopteryx@coole-files.de>
Thu, 23 Feb 2017 19:33:26 +0100
changeset 373539 b4a3f056216c271ba4955c575cbe655d469ed941
parent 373538 0577296908e752fc47f90d6338b8d23a5ed9e1d0
child 373540 64df634e26a435ba4243e86967dadd948a5c00a0
push id10863
push userjlorenzo@mozilla.com
push dateMon, 06 Mar 2017 23:02:23 +0000
treeherdermozilla-aurora@0931190cd725 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
bugs864562
milestone54.0a1
backs out028a63d5008ce088fd9728f82c9d1f8704577d90
Backed out changeset 028a63d5008c (bug 864562)
browser/components/customizableui/CustomizeMode.jsm
browser/themes/linux/browser.css
browser/themes/osx/browser.css
browser/themes/windows/browser.css
--- a/browser/components/customizableui/CustomizeMode.jsm
+++ b/browser/components/customizableui/CustomizeMode.jsm
@@ -621,19 +621,19 @@ CustomizeMode.prototype = {
 
     let toolboxRect = this.window.gNavToolbox.getBoundingClientRect();
     let height = toolboxRect.bottom;
 
     if (AppConstants.platform == "macosx") {
       let drawingInTitlebar = !docElement.hasAttribute("drawtitle");
       let titlebar = this.document.getElementById("titlebar");
       if (drawingInTitlebar) {
-        titlebar.setProperty("--lwt-header-image", headerImageRef);
+        titlebar.style.backgroundImage = headerImageRef;
       } else {
-        titlebar.style.removeProperty("--lwt-header-image");
+        titlebar.style.removeProperty("background-image");
       }
     }
 
     let limitedBG = "-moz-image-rect(" + headerImageRef + ", 0, 100%, " +
                     height + ", 0)";
 
     let ridgeStart = height - 1;
     let ridgeCenter = (ridgeStart + 1) + "px";
@@ -642,40 +642,37 @@ CustomizeMode.prototype = {
 
     let ridge = "linear-gradient(to bottom, " +
                                  "transparent " + ridgeStart +
                                  ", rgba(0,0,0,0.25) " + ridgeStart +
                                  ", rgba(0,0,0,0.25) " + ridgeCenter +
                                  ", rgba(255,255,255,0.5) " + ridgeCenter +
                                  ", rgba(255,255,255,0.5) " + ridgeEnd + ", " +
                                  "transparent " + ridgeEnd + ")";
-    deck.style.setProperty("--lwt-header-image", ridge + ", " + limitedBG);
-
-    let tabs = this.document.getElementById("tabbrowser-tabs");
-    tabs.style.setProperty("--lwt-header-image", headerImageRef);
+    deck.style.backgroundImage = ridge + ", " + limitedBG;
 
     /* Remove the background styles from the <window> so we can style it instead. */
-    docElement.style.removeProperty("--lwt-header-image");
-    docElement.style.removeProperty("--lwt-accentcolor");
+    docElement.style.removeProperty("background-image");
+    docElement.style.removeProperty("background-color");
   },
 
   removeLWTStyling() {
     let affectedNodes = AppConstants.platform == "macosx" ?
                           ["tab-view-deck", "titlebar"] :
                           ["tab-view-deck"];
     for (let id of affectedNodes) {
       let node = this.document.getElementById(id);
-      node.style.removeProperty("--lwt-header-image");
+      node.style.removeProperty("background-image");
     }
     let docElement = this.document.documentElement;
     docElement.removeAttribute("customization-lwtheme");
     let data = docElement._lightweightTheme.getData();
     if (data && data.headerURL) {
-      docElement.style.setProperty("--lwt-header-image", this._getHeaderImageRef(data));
-      docElement.style.setProperty("--lwt-accentcolor", data.accentcolor || "white");
+      docElement.style.backgroundImage = this._getHeaderImageRef(data);
+      docElement.style.backgroundColor = data.accentcolor || "white";
     }
   },
 
   _getHeaderImageRef(aData) {
     return "url(\"" + aData.headerURL.replace(/"/g, '\\"') + "\")";
   },
 
   maybeShowTip(aAnchor) {
--- a/browser/themes/linux/browser.css
+++ b/browser/themes/linux/browser.css
@@ -1562,17 +1562,17 @@ notification.pluginVulnerable > .notific
   background-attachment: fixed;
 }
 
 #main-window[customization-lwtheme] > #tab-view-deck:-moz-lwtheme {
   background-repeat: no-repeat;
   background-position: right top;
   background-attachment: fixed;
   /* The image will get set from CustomizeMode.jsm */
-  background-image: var(--lwt-header-image);
+  background-image: none;
   background-color: transparent;
 }
 
 #main-window[customization-lwtheme]:-moz-lwtheme {
   background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"),
                     url("chrome://browser/skin/customizableui/background-noise-toolbar.png"),
                     linear-gradient(to bottom, #bcbcbc, #b5b5b5);
   background-color: #b5b5b5;
--- a/browser/themes/osx/browser.css
+++ b/browser/themes/osx/browser.css
@@ -3227,17 +3227,17 @@ menulist.translate-infobar-element > .me
 }
 
 #main-window[tabsintitlebar][customization-lwtheme] > #titlebar:-moz-lwtheme,
 #main-window[customization-lwtheme] > #tab-view-deck:-moz-lwtheme {
   background-repeat: no-repeat;
   background-position: right top;
   background-attachment: fixed;
   /* The image will get set from CustomizeMode.jsm */
-  background-image: var(--lwt-header-image);
+  background-image: none;
   background-color: transparent;
 }
 
 #main-window[customization-lwtheme]:-moz-lwtheme {
   background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"),
                     url("chrome://browser/skin/customizableui/background-noise-toolbar.png");
   background-color: rgb(178,178,178);
   background-repeat: repeat;
--- a/browser/themes/windows/browser.css
+++ b/browser/themes/windows/browser.css
@@ -2365,17 +2365,17 @@ notification.pluginVulnerable > .notific
   background-attachment: fixed;
 }
 
 #main-window[customization-lwtheme] > #tab-view-deck:-moz-lwtheme {
   background-repeat: no-repeat;
   background-position: right top;
   background-attachment: fixed;
   /* The image will get set from CustomizeMode.jsm */
-  background-image: var(--lwt-header-image);
+  background-image: none;
   background-color: transparent;
 }
 
 #main-window[customization-lwtheme]:-moz-lwtheme {
   background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png");
   background-repeat: repeat;
   background-attachment: fixed;
   background-position: left top;