Bug 1406735 - Prevent pinned tab separator from overlapping the tab background. r?johannh draft
authorDão Gottwald <dao@mozilla.com>
Thu, 12 Oct 2017 17:13:55 +0200
changeset 679323 ba091a0f2e88111c9d8ee7aecfb633e4978a5001
parent 679322 39b27c263759cb92b6a203725fb501a41d572510
child 735577 524be05d4197e6c820ed9ee65cbe626ecec97515
push id84195
push userdgottwald@mozilla.com
push dateThu, 12 Oct 2017 15:14:39 +0000
reviewersjohannh
bugs1406735
milestone58.0a1
Bug 1406735 - Prevent pinned tab separator from overlapping the tab background. r?johannh MozReview-Commit-ID: 2w3MGQOdP7K
browser/themes/shared/tabs.inc.css
--- a/browser/themes/shared/tabs.inc.css
+++ b/browser/themes/shared/tabs.inc.css
@@ -515,16 +515,20 @@ tabbrowser {
   right: 0;
 }
 
 #tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned]:-moz-locale-dir(rtl)::after {
   right: unset;
   left: 0;
 }
 
+#tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] > .tab-stack {
+  border-inline-end: 1px solid transparent;
+}
+
 .tabbrowser-tab:-moz-any([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]),
 .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {
   background-image: url(chrome://browser/skin/tabbrowser/indicator-tab-attention.svg);
   background-position: center bottom calc(-4px + var(--tab-toolbar-navbar-overlap));
   background-repeat: no-repeat;
 }
 
 .tabbrowser-tab[image] > .tab-stack > .tab-content[attention]:not([pinned]):not([selected="true"]) {