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 idunknown
push userunknown
push dateunknown
reviewersjag, gavin
bugs629898
milestone2.0b12pre
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>