Vertical Scrollbars too narrow

[PeterPanino]

I use vertical Tabs on Vivaldi for Mac. However, the vertical scrollbars are very narrow. Can the "old-fashioned" slightly wider scrollbars be displayed instead?

[DoctorG]

@PeterPanino I do not know for Mac, but could be set/unset in Vivaldi Settings → Appearance → Window Appearance → Use Simple Scrollbars

[PeterPanino]

@DoctorG said in Vertical Scrollbars too narrow:

@PeterPanino I do not know for Mac, but could be set/unset in Vivaldi Settings → Appearance → Window Appearance → Use Simple Scrollbars

There is no Scrollbars Settings:

[sphera]

It's probably been 20 or 30 years since the development of the Internet, but you can still find programs, where to change the window size do I need to get exactly 1 pixel. Аnd it doesn't bother anyone. It looks like they're not making programs for themselves.
And in Vivaldi it occurs in a different form. When I need to get into the page slider, I get into the wide frame of the window. I see a horizontal cursor above the slider — this is not normal.

[sphera]

There is many programs with wide-self slider under cursor . Show it?

[PeterPanino]

Here is how the vertical scrollbar looks in Vivaldi for Mac (difficult to hit with the mouse):

And this is how a native Windows ScrollBar looks:

You can see it's much wider and more comfortable to use with the mouse.

It seems that the scrollbars on the Mac are so narrow because nobody uses them with the mouse, since apparently no Mac user has enough content in their windows to scroll?

[PeterPanino]

@sphera said in Vertical Scrollbars too narrow:

Show it?

Yes, please.

[PeterPanino]

It would also help if Vivaldi had a keyboard shortcut to scroll the Vertical Tabs list to the top or the bottom.

[sphera]

@PeterPanino

This is not Vivaldi.

Vivaldi's interface is built on CSS, I'll even tell you where to look for the right settings:

::-webkit-scrollbar { width: 5px }
::-webkit-scrollbar:hover { width: 10px }

Most likely, it won't work like this. This is a pseudo-class (or even a pseudo-element). It needs to be attached to the slider class.
If this information reaches the developers, they will understand quickly.

[OakdaleFTL]

@sphera Nice mock-up. But since when does the Tab Bar have scroll bars?
What am I missing?

[sphera]

@OakdaleFTL Not Vivaldi

[Pathduck]

@OakdaleFTL Since you're the in-house MacOS eggspert, can you confirm that the "Use Simple Scrollbars" setting is missing in MacOS Vivaldi?

Or are they possibly using an older version (this feature is relatively recent I think).

Also, people should invest in mice with scroll wheels, surely they also exist on MacOS?

[OakdaleFTL]

@Pathduck I've not had a mouse without a scroll-wheel in I don't remember when! (But I do remember it only had one button... )

But to your point, let me me check.

---

I can confirm that 6.4.3160.47 on Catalina doesn't show "Show Simple Scrollbars" as an option...in Vivaldi's Settings.

The OS Prefs show

[mcadwell]

@DoctorG On my Windows 10 laptop checking Simple Scrollbars makes them narrower and I need them wider.

I have rheumatoid arthritis and motor control issues - a wider scrollbar is necessary for me, and others with disabilities, to better use Vivaldi...if to make it usable for us at all.

So, how does one make the scrollbars wider?

[sphera]

In general, scrollbars works on this forum. But there is a minor nuisance - it only works after scrolling the mouse wheel.
There is an "onmouseover..." or other event, there are several of them. They are separated -- the wheel is separate, the mouse is separate.
I think it's a minor bug.
There is an "onwheel" event -- but you have to be careful, legislators review these scripts often, it may already be outdated.
Just like ::-webkit-scrollbar in favor of the new scrollbar-width:
VB-104284

[sphera]

The wrong tactics have been chosen here . You should always look at what the user does more often. More often we scroll through the page rather than clinging to the edge of the browser. The difference is about 100 times. but the developers pay more attention to changing the browser size.
Why is it chosen this way? After the mouse leaves the browser window, the slider disappears. And you can only get it with the mouse wheel. Without a wheel , the size changes . What for? I change the window size 1 time in the morning, 2 times in the evening to close the browser. Priorities are mixed up again.

[DoctorG]

@mcadwell For the Vivaldi UI?
Create a file custom.css
Add the following line of code to file

::-webkit-scrollbar {
  width: 30px !important; /* UI set scrollbar 30 pixel wide */
}

Save file in folder of your choice f.ex. with name UserCSS
Open vivaldi://experiments
Enable Allow CSS modifications
Close internal page
Open Settings → Appearance
In section Custom UI Modifications select the folder where custom.css was saved
Close Settings
Restart Vivaldi

Now UI has wider scrollbars.

[mcadwell]

Thank you for this but how does one create a .css file?
I opened Notepad, copy/pasted the coding into it, saved it to the C: drive under Users/<name>/Documents. I used Save As, All Files (.) with the name UserCSS.css. Went to the Vivaldi settings and Select Folders and the file I created wasn't there. So I moved my file to the desktop and tried again - still wasn't there.

This is the kind of thing I'm talking about. People with disabilities have what's called brain fog, meaning our brains don't work great at understanding things or how to do things.

How are they, or their caregivers, supposed to know how to do this stuff to make Vivaldi more usable for them? Browser creators need to make things easily changable under accessibility. It would be a HUGE draw for Vivaldi if they did that.

[mcadwell]

Maybe I'll just report Vivaldi due to ADA violations.

[karlwt]

@PeterPanino
Indeed this is a built-in deficiency that never gets a generic solution. My "builders" solution is this: Open settings - chose Panel -> Panels -> Panels position -> tick Right side - Now you get a wider scrollbar.