Bug 1388044 - Make the tab side borders not overlap the border to the navigation toolbar. r?johannh draft
authorDão Gottwald <dao@mozilla.com>
Sat, 12 Aug 2017 18:57:27 +0200
changeset 645319 c387f9fbadaaa17f192af0b8c00268c10d6e30a7
parent 645074 80ff3f300e05f38f96c385b03d1973a966a2bd35
child 725895 686d96abbf7253a144c8ad3456256f41f0ebd26b
push id73745
push userdgottwald@mozilla.com
push dateSat, 12 Aug 2017 16:58:06 +0000
reviewersjohannh
bugs1388044
milestone57.0a1
Bug 1388044 - Make the tab side borders not overlap the border to the navigation toolbar. r?johannh MozReview-Commit-ID: JimrxJ8qvkj
browser/themes/shared/tabs.inc.css
--- a/browser/themes/shared/tabs.inc.css
+++ b/browser/themes/shared/tabs.inc.css
@@ -300,16 +300,20 @@
 #toolbar-menubar:not([autohide=true]) ~ #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab > .tab-stack > .tab-background {
   border-top-style: solid;
 }
 
 .tab-background[selected=true] {
   border-left-style: solid;
   border-right-style: solid;
   border-color: var(--tabs-border);
+  border-image: linear-gradient(var(--tabs-border),
+                                var(--tabs-border) calc(100% - 1px - var(--tab-toolbar-navbar-overlap)),
+                                transparent calc(100% - 1px - var(--tab-toolbar-navbar-overlap)));
+  border-image-slice: 1;
   background-color: var(--toolbar-bgcolor);
   background-image: var(--toolbar-bgimage);
   background-repeat: repeat-x;
 }
 
 :root:not([sizemode=normal]) .tabbrowser-tab[first-visible-tab] > .tab-stack > .tab-background[selected=true] {
   border-inline-start-style: none;
 }