Overlay scrollbars ... Opinions...

hhh · 2022-01-28 14:33:39

sleekmason wrote:

b197rt wrote:
I'm sorry if this is slightly off-topic, but can you or someone else explain what exactly an overlay scrollbar is?
In Thunar and others, the disappearing scrollbar effect.

To elaborate, it's present in all GTK3 apps, which is the vast majority on BL. It's a 3 stage animation...

1) If your cursor is not over the window, scrollbars (and the scrollbar trough and steppers) are invisible.

2) If your cursor is over the window, scrollbars become visible but are narrow. If the cursor remains still, the scrollbar will fade back into invisibility until the cursor moves again.

3) If your cursor is over a scrollbar, the scrollbar expands to full width and is fully visible.

YMMV depending on what GTK theme you're using. This page includes a short video showing it in action...

https://blogs.gnome.org/mclasen/2014/10 … -gtk-3-16/

Note that the scrollbars in Beryllium already do not change width on hover due to our custom GTK-3.0/gtk.css config...

scrollbar, scrollbar button, scrollbar slider {
    -GtkScrollbar-has-backward-stepper: true;
    -GtkScrollbar-has-forward-stepper: true;
    min-width: 8px;
    min-height: 32px;
    border-radius: 10;
}

sleekmason · 2022-01-28 17:08:13

Nice description:)

After messing with these for a bit, I certainly see your point. For me, it is the margin between the slider and sides that seems to cause the most problems, making the slider too small to grab.

I went ahead and adjusted all of my themes a tiny bit as well, basically just filling out the slider by a couple of pixels and making the stepper a hair wider. I left the overall width the same for now.

It will be interesting to see if anyone ever comments on the changes you guys are making:) I bet nobody even notices the scrollbar overlay is gone in BL.

johnraff · 2022-01-29 03:01:08

sleekmason wrote:

I bet nobody even notices the scrollbar overlay is gone in BL.

Most likely not. The config hasn't actually gone in yet... :8

hhh wrote:

Note that the scrollbars in Beryllium already do not change width on hover due to our custom GTK-3.0/gtk.css config...
scrollbar, scrollbar button, scrollbar slider {
    -GtkScrollbar-has-backward-stepper: true;
    -GtkScrollbar-has-forward-stepper: true;
    min-width: 8px;
    min-height: 32px;
    border-radius: 10;
}

@hhh more than happy to drop that in our gtk.css if you think it's appropriate. When it came up I thought you meant for it to be a user option.

Right now, this is what we are shipping:

/* uncomment the code below to enable steppers in gtk3 apps */
/* (see ~/.gtkrc-2.0.mine for gtk2) */

/*
.scrollbar, .scrollbar.vertical {
-GtkRange-stepper-size: 13;
-GtkScrollbar-has-backward-stepper: 1;
-GtkScrollbar-has-forward-stepper: 1;
}
*/

/* end of stepper code */

/* padding for lxterminal and some others */
VteTerminal, vte-terminal { padding: 5px; }

So the steppers code is commented out, and there's nothing about dimensions.
However, 'export GTK_OVERLAY_SCROLLING=0' will go in ~/.config/bunsen/environment with the next update of bunsen-configs.

What shall we do with gtk.css?

hhh · 2022-01-30 01:06:06

^ I was wondering that myself. If it's possible to make our custom gtk.css code BL-session only, I'd recommend that to match it with the overlay behavior. Better to leave other sessions as default as possible and leave it to the user to set it up as they like, as you said.

BTW, the dimensions and un-commenting were probably done by me, I can't remember. :8

jeffreyC · 2022-01-30 02:20:33

hhh wrote:

^ I was wondering that myself. If it's possible to make our custom gtk.css code BL-session only, I'd recommend that to match it with the overlay behavior. Better to leave other sessions as default as possible and leave it to the user to set it up as they like, as you said.
BTW, the dimensions and un-commenting were probably done by me, I can't remember. :8

Speaking only for myself, I cannot think of any circumstance where I would want scrollbars that hide, in any session, so I would be fine with it even if it was for all.

hhh · 2022-01-31 03:59:33

^ Right, so you could copy the code examples in this thread to ~/.config/gtk-3.0/gtk.css and delete the environment entry (back the file up before deletion) and that will be used in all desktop sessions.

hhh · 2022-05-06 03:52:45

I just noticed that the latest versions of Firefox (currently 100) have overlay scrollbars enabled by default. To disable the overlay, in about:config search for...

widget.gtk.overlay-scrollbars.enabled

... and double-click the entry to set it to false. A browser restart is unnecessary.

#21 2022-01-28 14:33:39

Re: Overlay scrollbars ... Opinions...

#22 2022-01-28 17:08:13

Re: Overlay scrollbars ... Opinions...

#23 2022-01-29 03:01:08

Re: Overlay scrollbars ... Opinions...

#24 2022-01-30 01:06:06

Re: Overlay scrollbars ... Opinions...

#25 2022-01-30 02:20:33

Re: Overlay scrollbars ... Opinions...

#26 2022-01-31 03:59:33

Re: Overlay scrollbars ... Opinions...

#27 2022-05-06 03:52:45

Re: Overlay scrollbars ... Opinions...

Board footer