Bug 964322 - [Australis] Hide grid texture behind panel container during customize mode transition. r=Gijs
authorMike Conley <mconley@mozilla.com>
Mon, 27 Jan 2014 15:35:22 -0500
changeset 181473 bbacb8d1814adc114dd42b9d00af8a98f393300c
parent 181472 046b5f9f5822c58b8740996cc6e505799a56ecc1
child 181474 313023e201fed6c309dfa0da2d9639b1f0125598
push id3343
push userffxbld
push dateMon, 17 Mar 2014 21:55:32 +0000
treeherdermozilla-beta@2f7d3415f79f [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersGijs
bugs964322
milestone29.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 964322 - [Australis] Hide grid texture behind panel container during customize mode transition. r=Gijs
browser/themes/shared/customizableui/customizeMode.inc.css
--- a/browser/themes/shared/customizableui/customizeMode.inc.css
+++ b/browser/themes/shared/customizableui/customizeMode.inc.css
@@ -45,16 +45,20 @@
   line-height: 1.5em;
   color: rgb(64,100,128);
   font-weight: lighter;
   margin-bottom: 1em;
 }
 
 #customization-panel-container {
   padding: 15px 25px 25px;
+  background-image: linear-gradient(to bottom, #3e86ce, #3878ba);
+}
+
+#main-window[customize-entered] #customization-panel-container {
   background-image: url("chrome://browser/skin/customizableui/customizeMode-separatorHorizontal.png"),
                     url("chrome://browser/skin/customizableui/customizeMode-separatorVertical.png"),
                     url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"),
                     url("chrome://browser/skin/customizableui/background-noise-toolbar.png"),
                     linear-gradient(to bottom, #3e86ce, #3878ba);
   background-position: center top, left center, left top, left top, left top;
   background-repeat: no-repeat, no-repeat, repeat, repeat, no-repeat;
   background-size: auto 12px, 12px 100%, auto, auto, auto;