piroor/treestyletab — Issue #240: Improve narrow scrollbar appearance
Author: Infocatcher
Created: 2012-02-10 18:01:18+00:00
State: open

With default extensions.treestyletab.tabbar.narrowScrollbar.size = 10px scrollbar looks better for me with following CSS:

tabs.tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-narrow-scrollbar="true"]
.tabbrowser-arrowscrollbox
> scrollbox
> scrollbar[orient="vertical"]
> scrollbarbutton {
margin-right: -2px;
margin-left: -2px;
}

But scrollbar width are configurable (OS preferences) and extensions.treestyletab.tabbar.narrowScrollbar.size are configurable too...
For example for 14px we should use -3px margins.
But I don't know easy way to detect scrollbar width (maybe scrollbar.boxObject.width or getComputedStyle(), but we should already have a scrollbar).

Before: After: