Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve narrow scrollbar appearance #240

Closed
Infocatcher opened this issue Feb 10, 2012 · 2 comments

Comments

Projects
None yet
2 participants
@Infocatcher
Copy link
Contributor

commented Feb 10, 2012

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:

@piroor

This comment has been minimized.

Copy link
Owner

commented Feb 12, 2016

I think that this approach is unrealistic for various platforms - Windows 10, Windows 8, Windows 7 with aero, Windows 7 without aero, Linux with Gnome, Linux with KDE, Linux with other window managers, many versions of OS X... Moreover, TST supports officially supported versions of Firefox (currently 38 and 44). I cannot confirm all best margins for 10 or more environments...

@piroor

This comment has been minimized.

Copy link
Owner

commented Feb 12, 2016

Done by 6ca9f61 but it should be tested on other platforms.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.