Bug 1422478 - Prevent tab separator from overlapping the new tab button during the tab open animation. r=johannh
authorDão Gottwald <dao@mozilla.com>
Wed, 13 Dec 2017 10:47:49 +0100
changeset 396185 63e7232485b626ef6e5cecb06ed1e039352bb1c2
parent 396184 5c24c9a47d7bce752bf9d953348fd298c1b1a20b
child 396186 d095359814e9cacbc3bb602ea652f46e8a1126db
push id33084
push userncsoregi@mozilla.com
push dateWed, 13 Dec 2017 22:00:52 +0000
treeherdermozilla-central@14713b0df8ab [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersjohannh
bugs1422478
milestone59.0a1
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 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]) {