Bug 1380966 - Increase the size of the tab overflow indicator. r?daleharvey draft
authorDão Gottwald <dao@mozilla.com>
Fri, 14 Jul 2017 12:41:21 +0200
changeset 608953 531375258cabbd7ee3486393a636b37e57b65bb4
parent 608658 67cd1ee26f2661fa5efe3d952485ab3c89af4271
child 637461 5c624a5d9cb6da5f3f78f85e117216802e80c2d2
push id68457
push userdgottwald@mozilla.com
push dateFri, 14 Jul 2017 10:41:57 +0000
reviewersdaleharvey
bugs1380966
milestone56.0a1
Bug 1380966 - Increase the size of the tab overflow indicator. r?daleharvey MozReview-Commit-ID: AvBMERmbsxs
browser/themes/shared/tabbrowser/tab-overflow-indicator.png
browser/themes/shared/tabs.inc.css
index 17d27c99eede5f41ab7114e3e97762c0d6daf5b1..a5fcc1dec4abcb966b3066bb4b50db4a45bedb57
GIT binary patch
literal 984
zc$@*)11J26P)<h;3K|Lk000e1NJLTq001Tc002k`1ONa4Fv?F400002VoOIv0063u
zBQgL0010qNS#tmY3ljhU3ljkVnw%H_000McNliru;Rg;1Apx~KX$JrR18GS_K~z}7
zt(e=6+ei#VPf>E_ve=*6{|AD6N?w9&#$xS5x9%6WXGg-ohAbVEtRlNT`2G9aKd-#-
z1xHU$lK5+2ug)AWzv2HPd)_khP6D9CC;klV-GlEWaRTsDk#Xl^16#hT9oX|1AN=7?
zS05Vx@_As-yZ$Knpr1eqB;AC2DzY0vzk(S7s^I4O^}G=z!3{93uq0QJwyL>-B}pQL
z7C^T|*YgV8p~7-Hhw8d)*R$u<_6O9OEkT+POW*~%=Y`~7k{;ul-U#XzJu%kqGR+s=
zbz`Weona;U@rv4f7Sp+Qz6l`e`|(SB4I7Um*c{ggyYyUNz2$nVCTM}hqQ#mb(_;LT
zdX+Osx`ixy)TJ@K)4>^=>kkE3A6lg9nr3c*r+(WCkgHgj>b6bwM1YYcNC*;5I&SrB
zPE$3<fE+4lo8kiz=E!=m$xM*JK9oe)?KHw};M(K{ltj*6YZ76GeZx)$Destc$8l^d
zTzRHuf%%RE*cf#|q#ZS`*^do1v(qxdPCFeovM&1bRLvVERThy>gGbC!cbq6X!PH}h
zQY{aJy09~!QgnuOwS7We^qCB%J;8079hPkdBt*(#NfAV*k5s)#Q{W&7g@cGdR;iqi
zqtkX!#-h=KP$&pGI)}qiKi7rh4(C}AwYj4-ew0c#S8M^3R6vqcNI{7+X!P28Y6uYy
zge-5z=0kfdhvVGNHNx_m$I%=p8k?j`nvx<E(#864X<ET(fzc9+2xyUEg1JswghD7s
zC6~Z5)*Dx+MO>1qVO8KIR&N#@pQl+p0>Y}|R{UkPDz-mRh$+61Aj=ZE9*>6;ceSFc
zra2jPgh)ET?4peQ#zysV75FylmUcS)wr!Oj_$+pNE{!RcB>mYHeKcBaRFy5miLnm)
zGY)>nX|b40vOJ$=dAQu$0@z%Q!*ZWJ{-AQPo#>)%s<xy#wbVFyOUca6t_LwL+iC8A
zX$#&ud`{AIRq$|WY_8e4o0@CbA5QkgK6jPu1N_z+^L=wmt&{bxSI=v9n(X|r&*D3%
z*<$oORk3}|7Qefm|Nl+D4{J8aQzTtjW0&cZYOY7nSM=r{yW7HCz-+s{F1m&dPW$s?
zXRYSnJ-1)`j<%%dYxWYoR!hUduxhkP&ySz{)ZV<GIsOCIEO#x?2IFV|0000<MNUMn
GLSTZ6_0ZY?
--- a/browser/themes/shared/tabs.inc.css
+++ b/browser/themes/shared/tabs.inc.css
@@ -258,35 +258,35 @@
   padding-inline-start: var(--tab-curve-half-width);
 }
 
 /* Tab Overflow */
 .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]),
 .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) {
   background-image: url(chrome://browser/skin/tabbrowser/tab-overflow-indicator.png);
   background-size: 100% 100%;
-  width: 14px;
+  width: 19px;
   margin-bottom: calc(var(--navbar-tab-toolbar-highlight-overlap) + var(--tab-toolbar-navbar-overlap));
   pointer-events: none;
   position: relative;
   z-index: 3; /* the selected tab's z-index + 1 */
 }
 
 .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:-moz-locale-dir(rtl),
 .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:-moz-locale-dir(ltr) {
   transform: scaleX(-1);
 }
 
 .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]) {
   margin-inline-start: -2px;
-  margin-inline-end: -12px;
+  margin-inline-end: -17px;
 }
 
 .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) {
-  margin-inline-start: -12px;
+  margin-inline-start: -17px;
   margin-inline-end: -2px;
 }
 
 .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator[collapsed],
 .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator[collapsed] {
   opacity: 0;
 }