Bug 890148 - Streamline transitions when showing the find appbar. r=mbrubeck
authorSam Foster <sfoster@mozilla.com>
Thu, 25 Jul 2013 20:54:52 -0700
changeset 140180 bff7e921c95d46c7428db9e8e358ee5d8e492d8e
parent 140179 b51cb3254d1883bdf5797e76794dbdc063cf0cff
child 140181 f8d184e3879d19db5522d64c9634eaa5bc54346d
push id1945
push userryanvm@gmail.com
push dateSat, 27 Jul 2013 02:27:26 +0000
treeherderfx-team@4874fa438b1c [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmbrubeck
bugs890148
milestone25.0a1
Bug 890148 - Streamline transitions when showing the find appbar. r=mbrubeck
browser/metro/theme/browser.css
--- a/browser/metro/theme/browser.css
+++ b/browser/metro/theme/browser.css
@@ -263,27 +263,28 @@ documenttab[selected] .documenttab-selec
 
 /* a 'margin-top' is applied dynamically in ContentAreaObserver */
 #browsers {
   background: white;
   transition-property: margin-top;
   transition-duration: .3s;
   transition-timing-function: ease-in-out;
 }
-
 #browsers browser {
-  transition: padding-bottom @metro_animation_duration@ @metro_animation_easing@;
+  /* unset padding-bottom immediately */
+  transition-duration: 0s;
+  transition-delay:    0s;
+  transition-property: padding-bottom;
 }
-
 #browsers[findbar] browser {
+  /* delay setting padding-bottom until the findbar has transitioned in */
+  transition-delay:    @metro_animation_duration@;
   padding-bottom: @findbar_height@;
 }
-
 /* Selection overlay and monocles */
-
 #page,
 .selection-overlay {
   -moz-stack-sizing: ignore;
 }
 
 .selection-overlay {
   pointer-events: none;
 }