The new scrollbar is too narrow

The new scrollbar is too narrow

由Dominique Bauer發表於
Number of replies: 9
The new scrollbar is stylish but, being too narrow, it is not accessible. 傷心
評比平均分數：Useful (1)
In reply to Dominique Bauer

Re: The new scrollbar is too narrow

由Nathan Lind發表於
Is this issue in Moodle 4.0? Have a screenshot to show?
評比平均分數： -
In reply to Nathan Lind

Re: The new scrollbar is too narrow

由Dominique Bauer發表於

Yes, Moodle 4.0.

The screenshots below were taken on a 24" monitor at 1902 x 1200 resolution, Windows 7*.

Google.com, Facebook.com, Wikipedia.com, Amazon.com, Instagram.com, etc. use the the browser standard scrollbar which looks like this on Firefox:


YouTube uses the standard scroolbar but has reversed the darkness of the color, which is nice:


Moodle 4.0 uses a dark but too narrow bar:


On Chrome, the bar gets even narrower:


Today, Google.com, YouTube.com, Facebook.com, Wikipedia.com, Amazon.com and Instagram.com combined have over 170 billion visits per month. They all use the standard browser scrollbar, which users know and expect. If Moodle really wants to implement a custom scrollbar, it should be designed more accessible than the standard one, not less. 微笑

* Market share worldwide as of Jan 2022. Win10: 81%, Win7: 12%, Win8: 3%. Win11: 2.4%.

評比平均分數：Useful (2)
In reply to Dominique Bauer

Re: The new scrollbar is too narrow

由Przemek Kaszubski發表於
I second that request strongly. Just installed the latest Moodle 4 dev (4.0dev+ (Build: 20220208) locally yesterday and that strip of a scrollbar really IS too narrow.
Using latest Firefox on Windows 10, Boost theme.


評比平均分數：Useful (1)
In reply to Dominique Bauer

Re: The new scrollbar is too narrow

由Nathan Lind發表於
Agreed, we will need a wider scroll bar.
評比平均分數：Useful (1)
In reply to Nathan Lind

Re: The new scrollbar is too narrow

由Przemek Kaszubski發表於
One other thing - the cursor. Perhaps it is against the current WWW specs / recommendations, but I was wondering if a change of the cursor from the default arrow to, say, the grabbing hand, once it hovers over the scroll bar could not help the user to more quickly operate the scroll bar - especially if it were to remain this thin..
https://www.w3schools.com/cssref/playit.asp?filename=playcss_cursor&preval=grabbing
評比平均分數： -
In reply to Nathan Lind

Re: The new scrollbar is too narrow

由Ross Lovell發表於
I might be in the minority but I'm fine with the width of the scroll bar. I work primarily on a Mac with Safari and the scroll bar is slightly wider than than Safari's default width. The standard sizes shown for the scroll bars in Firefox look too wide to me.
評比平均分數： -
In reply to Ross Lovell

Re: The new scrollbar is too narrow

由Przemek Kaszubski發表於
On reflection, not being an expert in this, all I can say is that considerable effort has been put by the HQ into the scrollbar redesign, and I'm prepared to trust the decisions made:
Cf.
https://tracker.moodle.org/browse/MDL-72877
and
https://tracker.moodle.org/browse/MDL-72456 .
評比平均分數：Useful (1)
In reply to Przemek Kaszubski

Re: The new scrollbar is too narrow

由Bob Gilmore發表於
It's very easy to adjust too. The following CSS overrides should set it back to browser defaults:

#page.drawers, .drawercontent { scrollbar-width: inherit; }
評比平均分數：Useful (2)