1371197 - Compact theme draggable space CSS arrowscrollbox-scrollbox padding settings problem

Status: RESOLVED WORKSFORME

(Firefox :: Theme, defect)

Description

[u596664]

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:53.0) Gecko/20100101 Firefox/53.0
Build ID: 20170518000419

Steps to reproduce:

1. Pin some tab;
2. Open tabs until tabbar is so full that has to scroll it.



Actual results:

The unpinned tabs has 15px padding-left after pinned tabs and 15px padding-right before newtab button, and also the pinned tabs' left has a 15px padding.
This is caused by this:
.arrowscrollbox-scrollbox{ padding-left: 15px;padding-right:15px;} 
css rule.


Expected results:

The "draggable space" should use only spaces before ALL tabs and spaces after ALL tabs, there should've spaces in pinned tabs and others. And the spaces between newtab button & the last tab is also weird.
A better looking css is not use padding for .arrowscrollbox-scrollbox, instead using 15px margin-left for #tabbrowser-tabs.
Also the default theme has similar problem.

Comment 1

[Dão Gottwald [:dao]]

I expect that this isn't an issue anymore with the photon theme.