Bug 1111091 - Move tab separator to the start of the last tab with separated tab button;r=MattN
authorBrian Grinstead <bgrinstead@mozilla.com>
Mon, 15 Dec 2014 12:43:32 -0800
changeset 219895 94be697bd80111948a7f0b937516a946c36f4a9e
parent 219894 f03d296ee8dd505dc7cc06fc0e3cb4ad768bbe3d
child 219896 3daf1f62923328e58cf506e9dbc7f5d463d13050
push id27971
push usercbook@mozilla.com
push dateTue, 16 Dec 2014 12:40:03 +0000
treeherdermozilla-central@249dbdbe09e0 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersMattN
bugs1111091
milestone37.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 1111091 - Move tab separator to the start of the last tab with separated tab button;r=MattN
browser/themes/shared/tabs.inc.css
--- a/browser/themes/shared/tabs.inc.css
+++ b/browser/themes/shared/tabs.inc.css
@@ -311,13 +311,21 @@
   background-position: left bottom @tabToolbarNavbarOverlap@;
   background-repeat: no-repeat;
   background-size: 3px 100%;
   content: "";
   display: -moz-box;
   width: 3px;
 }
 
+/* Handle a case where the last separator in a customized tab bar with a
+   separated new tab button causes the width of the tab to extend and causes
+   jittering with a small tab curve width (Bug 1111091). */
+#TabsToolbar[currentset]:not([currentset*="tabbrowser-tabs,new-tab-button"]) #tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([selected]):not([beforehovered]):not(:hover)::after {
+  -moz-margin-start: -3px;
+  -moz-margin-end: 0;
+}
+
 /* New tab button */
 
 .tabs-newtab-button {
   width: calc(36px + @tabCurveWidth@);
 }