Page MenuHome

Scrollbars Design
Open, NormalPublic

Tokens
"Love" token, awarded by manitwo."Like" token, awarded by JulienKaspar."Like" token, awarded by Zino."Like" token, awarded by symstract."Like" token, awarded by ThinkingPolygons.
Authored By

Description

We think we can make a few improvements to how scrollbars look and work.

Larger size

In Blender 2.8, we made it so scrollbars don't make the content jump around as they appear and disappear. However, to do this, scrollbars had to be made very thin.

We would like to make the scrollbars just a tad wider:

Before/after:

This requires creating a little bit of extra space always, so scrollbars have enough space to appear & disappear inside this gutter area.

Unified scrollbars

We can also use this opportunity to unify scrollbars. Currently, list view scrollbars are huge, while the regular 2D view scrollbars are very thin. Here, both are unified:

Before/after

Visibility fading

It's also desirable to keep the scrollbars always visible, rather than making the fade away completely. This makes them more practical for use with devices with no hover state (some tablets), and also for users to see at a glance where in a list they are.

We can keep these at a very low opacity. When the cursor is close, we can then make them much more prominent:

Details

Type
Design

Event Timeline

William Reynish (billreynish) created this object with edit policy "BF Blender (Project)".
William Reynish (billreynish) triaged this task as Normal priority.

can we expose this setting? so it is possible to set it up by user?

Why not change the width of the active versus inactive scrollbar? This way you can get away with a narrower gutter since it would look okay to have the active scrollbar take the entire gutter space.

@Harley Acheson (harley) Yes that might be ok too. The scrollbars then mainly serve just as indicator lines when not in use.

That solution would work without requiring extra gutter space, which is nice, but may be a bit more jarring if scrollbars change size.

Why not change the width of the active versus inactive scrollbar? This way you can get away with a narrower gutter since it would look okay to have the active scrollbar take the entire gutter space.

Personally I prefer the original proposal. Scrollbars changing sizes would be too distracting IMHO.

Either way, it would be an improvement from what we have currently.

I'm all for bringing back the scrollbars usability, now (nearly) unusable - for me, at least.
And for giving the users the ability to set the width/height (depending on the orientation of the scrollbar) to taste.

I like how scroll bars currently work, I find it beautiful and functional as I get closer with the cursor, they stand out ...
I also like that they don't take up too much space when we don't need them.

I really HATE the new scrollbars. I can HARDLY catch them.
It's like shooting a MOSQUITO with a BAZOOKA.

But if you like 1 px wide scrollbars...
The more I get older, the less I understand youngsters.

Can it be done like in macOS? I just received that the primary goal is not to chase OS' behaviour, but if it works, it can be considered.

The scrollbar appears only when there is an attempt to scroll. Even if I put the two fingers on the touchpad, apps would show scrollbars. Lifting the fingers hides scrollbar after 2-3 seconds.

However, it poses a bit of a problem with laptops which don't have multi-finger gestures.(they scroll by holding left key down and then dragging the bar up/down)