Bug 655361 - Move the browser too during firstrun sidebar animation [r=mfinkle]

--HG--
extra : rebase_source : 8684f99b969ae291e0d8126bda41311514b9aa6f

mobile/chrome/content/browser.xul

@@ -269,7 +269,7 @@
             <vbox id="content-viewport" class="window-width window-height">
               <!-- Content viewport -->
               <stack>
-                <deck id="browsers" flex="1"/>
+                <deck id="browsers" flex="1" observes="bcast_uidiscovery"/>
                 <!-- vertical scrollbar -->
                 <box id="vertical-scroller" class="scroller" orient="vertical" end="2" top="0"/>
               </stack>

mobile/themes/core/browser.css

@@ -47,7 +47,7 @@
   background: #5e6166;
 }
 
-#toolbar-moveable-container[mode="discover"],
+#toolbar-moveable-container[mode="discovery"],
 #toolbar-moveable-container[top="0"] {
   position: fixed;
   left: 0;
@@ -1436,17 +1436,17 @@ richlistitem.appmenu-downloads-button > image,
 }
 
 /* Sidebar peeking */
-.sidebar[mode="discovery"] {
+.sidebar[mode="discovery"], #browsers[mode="discovery"] {
   -moz-animation-delay: 1s;
   -moz-animation-duration: 5s;
   -moz-animation-name: sidebardiscovery;
 }
 
 @-moz-keyframes sidebardiscovery {
-  from { -moz-transform: translateX(0%); }
-  10% { -moz-transform: translateX(100%); }
-  45% { -moz-transform: translateX(100%); }
-  55% { -moz-transform: translateX(-100%); }
-  90% { -moz-transform: translateX(-100%); }
-  to { -moz-transform: translateX(0%); }
+  from { -moz-transform: translateX(0); }
+  10% { -moz-transform: translateX(-moz-calc(121px + @border_width_large@ + 2*@padding_normal@)); }
+  45% { -moz-transform: translateX(-moz-calc(121px + @border_width_large@ + 2*@padding_normal@)); }
+  55% { -moz-transform: translateX(-@sidebar_width_minimum@); }
+  90% { -moz-transform: translateX(-@sidebar_width_minimum@); }
+  to { -moz-transform: translateX(0); }
 }