Bug 1422478 - Prevent tab separator from overlapping the new tab button during the tab open animation. r?johannh draft
authorDão Gottwald <dao@mozilla.com>
Wed, 13 Dec 2017 10:47:49 +0100
changeset 711078 c38e84fd87f0edf2701b189626fe90d9c2890bcd
parent 710980 93b37aa497c48a6e28a9463eeb753b2ce3964f42
child 743742 787696b307518b1d8bcc29efc31154d96cb00a50
push id92998
push userdgottwald@mozilla.com
push dateWed, 13 Dec 2017 09:48:12 +0000
reviewersjohannh
bugs1422478
milestone59.0a1
Bug 1422478 - Prevent tab separator from overlapping the new tab button during the tab open animation. r?johannh MozReview-Commit-ID: glkUdowxn9
browser/base/content/browser.css
--- a/browser/base/content/browser.css
+++ b/browser/base/content/browser.css
@@ -129,29 +129,32 @@ tabbrowser {
 
 .tabbrowser-tab:not([pinned]):not([fadein]) {
   max-width: 0.1px;
   min-width: 0.1px;
   visibility: hidden;
 }
 
 .tab-close-button,
+.tabbrowser-tab::after,
 .tab-background {
   /* Explicitly set the visibility to override the value (collapsed)
    * we inherit from #TabsToolbar[collapsed] upon opening a browser window. */
   visibility: visible;
 }
 
 .tab-close-button[fadein],
+.tabbrowser-tab[fadein]::after,
 .tab-background[fadein] {
   /* This transition is only wanted for opening tabs. */
   transition: visibility 0ms 25ms;
 }
 
 .tab-close-button:not([fadein]),
+.tabbrowser-tab:not([fadein])::after,
 .tab-background:not([fadein]) {
   visibility: hidden;
 }
 
 .tab-label:not([fadein]),
 .tab-throbber:not([fadein]),
 .tab-throbber-fallback:not([fadein]),
 .tab-icon-image:not([fadein]) {