Bug 1393505 - Prevent the overflow indicator background from repeating when it doesn't fill the whole element due to the border scaling differently. r?daleharvey draft
authorDão Gottwald <dao@mozilla.com>
Wed, 06 Sep 2017 13:14:38 +0200
changeset 659932 771fa1d0dafd75d130dcebdbd665eb8b6bbca929
parent 659873 c959327c6b75cd4930a6ea087583c38b805e7524
child 730093 3e1926be11551eff4d2983ee60b9d5a1bb8d744a
push id78242
push userdgottwald@mozilla.com
push dateWed, 06 Sep 2017 11:15:05 +0000
reviewersdaleharvey
bugs1393505
milestone57.0a1
Bug 1393505 - Prevent the overflow indicator background from repeating when it doesn't fill the whole element due to the border scaling differently. r?daleharvey MozReview-Commit-ID: 28h2EI9A3R6
browser/themes/shared/tabs.inc.css
--- a/browser/themes/shared/tabs.inc.css
+++ b/browser/themes/shared/tabs.inc.css
@@ -340,16 +340,17 @@
 }
 
 /* Tab Overflow */
 .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]),
 .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) {
   width: 18px;
   background-image: url(chrome://browser/skin/tabbrowser/tab-overflow-indicator.png);
   background-size: 17px 100%;
+  background-repeat: no-repeat;
   border-left: 1px solid;
   border-image: linear-gradient(rgba(255,255,255,.2),
                                 rgba(255,255,255,.2) calc(100% - 1px - var(--tab-toolbar-navbar-overlap)),
                                 transparent calc(100% - 1px - var(--tab-toolbar-navbar-overlap)));
   border-image-slice: 1;
   pointer-events: none;
   position: relative;
   z-index: 3; /* the selected tab's z-index + 1 */