Bug 718228 - tab close transition to transparent is too fast. f=jwein r=ttaubert
authorDão Gottwald <dao@mozilla.com>
Tue, 17 Jan 2012 12:32:43 +0100
changeset 85891 a79c86c9392515ccc00ccd06de0b05663d5e1492
parent 85877 f43cfe78a5b4049cc8c1207437a805cb2f1f8ee6
child 85892 762fa6f964a9f3ea192a7e6525d45f6c0b2984f9
push id805
push userakeybl@mozilla.com
push dateWed, 01 Feb 2012 18:17:35 +0000
treeherdermozilla-aurora@6fb3bf232436 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersttaubert
bugs718228
milestone12.0a1
Bug 718228 - tab close transition to transparent is too fast. f=jwein r=ttaubert
browser/base/content/browser.css
browser/themes/pinstripe/browser.css
--- a/browser/base/content/browser.css
+++ b/browser/base/content/browser.css
@@ -40,17 +40,17 @@ tabbrowser {
 }
 
 .tabbrowser-tab:not([pinned]):not([fadein]) {
   max-width: 0.1px;
   min-width: 0.1px;
   opacity: 0 !important;
   -moz-transition: min-width 200ms ease-out,
                    max-width 250ms ease-out,
-                   opacity 50ms ease-out 100ms /* hide the tab for the last 100ms of the max-width transition */;
+                   opacity 50ms ease-out 180ms /* hide the tab for the last 20ms of the max-width transition */;
 }
 
 .tab-throbber:not([fadein]):not([pinned]),
 .tab-label:not([fadein]):not([pinned]),
 .tab-icon-image:not([fadein]):not([pinned]),
 .tab-close-button:not([fadein]):not([pinned]) {
   display: none;
 }
--- a/browser/themes/pinstripe/browser.css
+++ b/browser/themes/pinstripe/browser.css
@@ -1697,22 +1697,20 @@ toolbarbutton.chevron > .toolbarbutton-m
 .tab-throbber[progress] {
   list-style-image: url("chrome://browser/skin/tabbrowser/loading.png");
 }
 
 .tabbrowser-tab:not(:hover) > .tab-stack > .tab-content > .tab-icon-image:not([selected="true"]) {
   opacity: .8;
 }
 
-/* Prevent overlapping of tabs during the close animation */
-.tab-label:not([fadein]):not([pinned]) {
-  margin-left: -16px;
-  margin-right: -16px;
-  -moz-transition: opacity 100ms ease-out,
-                   margin 30ms ease-out 80ms;
+.tabbrowser-tab:not([pinned]):not([fadein]) {
+  -moz-transition: min-width 200ms ease-out /* copied from browser/base/content/browser.css */,
+                   max-width 250ms ease-out /* copied from browser/base/content/browser.css */,
+                   opacity 50ms ease-out 100ms /* hide the tab for the last 100ms of the max-width transition */;
 }
 
 .tab-stack {
   /* ensure stable tab height with and without toolbarbuttons on the tab bar */
   height: 26px;
 }
 
 .tabbrowser-tab,