Bug 629898 - Set min-width on statuspanel for less jitter. r=jag/gavin
authorDão Gottwald <dao@mozilla.com>
Thu, 03 Feb 2011 08:18:42 +0100
changeset 61831 2f353922a56cfd345ecf179e6c28a18517a39f88
parent 61830 8c8a1ef2a816f1aacf329cb7c5aa537d0c0450d3
child 61832 a12d11c8912de1d650f8a587376fd03e4561f4db
push id18514
push userdgottwald@mozilla.com
push dateThu, 03 Feb 2011 07:24:03 +0000
treeherdermozilla-central@a12d11c8912d [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersjag, gavin
bugs629898
milestone2.0b12pre
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 629898 - Set min-width on statuspanel for less jitter. r=jag/gavin
browser/base/content/browser.css
browser/base/content/tabbrowser.xml
--- a/browser/base/content/browser.css
+++ b/browser/base/content/browser.css
@@ -456,26 +456,29 @@ browser[tabmodalPromptShowing] {
 /* Status panel */
 
 statuspanel {
   -moz-binding: url("chrome://browser/content/tabbrowser.xml#statuspanel");
   position: fixed;
   margin-top: -3em;
   left: 0;
   max-width: 50%;
+  min-width: 25%;
   -moz-transition: opacity 100ms ease-out;
 }
 
 statuspanel:-moz-locale-dir(ltr)[mirror],
 statuspanel:-moz-locale-dir(rtl):not([mirror]) {
   left: auto;
   right: 0;
 }
 
 statuspanel[label=""] {
+  -moz-transition: none;
   opacity: 0;
   pointer-events: none;
 }
 
 .statuspanel-inner {
   height: 3em;
+  width: 100%;
   -moz-box-align: end;
 }
--- a/browser/base/content/tabbrowser.xml
+++ b/browser/base/content/tabbrowser.xml
@@ -3702,18 +3702,22 @@
                    flex="1"
                    crop="end"/>
       </xul:hbox>
     </content>
 
     <implementation>
       <property name="label">
         <setter>
-          if (!this.label)
+          if (!this.label) {
             this.removeAttribute("mirror");
+            this.style.minWidth = "";
+          } else {
+            this.style.minWidth = getComputedStyle(this).width;
+          }
           this.setAttribute("label", val);
           return val;
         </setter>
         <getter>
           return this.getAttribute("label");
         </getter>
       </property>
     </implementation>