Bug 971124 - Workaround for backgound-attachment: fixed jitter. r=sfoster, a=sledru
authorRodrigo Silveira <rsilveira@mozilla.com>
Wed, 12 Feb 2014 11:36:49 -0800
changeset 170753 00c79b18129972e9f012e296414d8b5cdb54fab2
parent 170752 dfc09d89b4750c4abede06a179f97ed4ccba619b
child 170754 cf9032d586123389f5b45b9412683b0c76c4759e
push id142
push userryanvm@gmail.com
push dateTue, 25 Feb 2014 21:55:47 +0000
reviewerssfoster, sledru
bugs971124
milestone28.0
Bug 971124 - Workaround for backgound-attachment: fixed jitter. r=sfoster, a=sledru
browser/metro/theme/browser.css
browser/metro/theme/platform.css
--- a/browser/metro/theme/browser.css
+++ b/browser/metro/theme/browser.css
@@ -258,16 +258,32 @@ documenttab[selected] .documenttab-selec
   max-width: 100%; /* ensure page doesn't expand, messing up @media rules */
   height: auto;
 }
 
 #start-container[viewstate="snapped"] .meta-section:not([expanded]) > richgrid {
   visibility: collapse;
 }
 
+/* Watermark */
+#startui-body::after {
+  content: '';
+  width: 256px;
+  height: 256px;
+  position: fixed;
+  left: 50%;
+  top: 50%;
+  margin-top: -128px;
+  margin-left: -128px;
+  z-index: -1;
+  background-image: url("chrome://browser/skin/images/firefox-watermark.png");
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+
 #autocomplete-overlay {
   display: none;
   background-color: black;
   opacity: .3;
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
--- a/browser/metro/theme/platform.css
+++ b/browser/metro/theme/platform.css
@@ -635,22 +635,16 @@ tabmodalprompt:not([promptType="promptUs
     min-width: @touch_action_snapped_minwidth@;
   }
 }
 
 /*.meta -------------------------------------------------------------------- */
 
 .meta {
   background-color: @panel_light_color@;
-  /* bug 969354
-  background-image: url("chrome://browser/skin/images/firefox-watermark.png");
-  background-repeat: no-repeat;
-  background-position: center center;
-  background-attachment: fixed;
-  */
 }
 
 /* needs to observe the viewstate */
 .meta-section-container {
   padding: 45px 75px 0;
   -moz-box-orient: horizontal;
 }