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 182997 e245c793a38efbb5145b4e8e7bbf118a50cb11b1
parent 182996 4974f42186b96d78323249ab9664497ee3f17d41
child 182998 79b269235c03d1915f3a7ad1b71ba6324bdf27b6
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)
reviewerssfoster, sledru
bugs971124
milestone29.0a2
Bug 971124 - Workaround for backgound-attachment: fixed jitter. r=sfoster, a=sledru
browser/metro/theme/platform.css
browser/metro/theme/start.css
--- 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;
 }
 
--- a/browser/metro/theme/start.css
+++ b/browser/metro/theme/start.css
@@ -33,8 +33,24 @@
   width: 100%;
   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;
+}