[SOLVED] increasing size of scrollbar

crajor · 02-13-2020, 08:35 AM

This may be obvious and simple for some. I would like to learn how to increase the width of the scrollbar for all windows. Is that even possible?

linuxfarm · 02-13-2020, 08:38 AM

it is but i do not remember how- i believe there was a thread on it somewhere under bodhi. with an old shaky memory i believe you have to tweak the numer settings via the terminal/code areas of the system. If i am wrong i apologize.

linuxfarm · 02-13-2020, 08:40 AM

found this re: firefox

https://www.linuxquestions.org/quest...ox-4175657221/

linuxfarm · 02-13-2020, 06:29 PM

found this though it is xfce... but maybe some info for you

https://forum.mxlinux.org/viewtopic.php?f=93&t=37914

crajor · 02-21-2020, 09:11 PM

a search on the net gave me the way to achieve a wider scrollbar. I found a site that made a gtk.css file available that gave the flexibility to set up the scrollbar as I wished. Per instructions, I placed this file in ~/.config/gtk-3.0. Here is the contents of that file;

Code:

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

scrollbar trough {
#   background-color: shade(@theme_bg_color, 0.60);
    background-color: shade(red, 0.60);
}

scrollbar button,
scrollbar button.vertical,
scrollbar button.horizontal,
scrollbar .button,
scrollbar .button.vertical,
scrollbar .button.horizontal {
    color: shade(@theme_bg_color, 0.10);
    background-color: shade(@theme_bg_color, 0.4);
#   background-color: shade(green, 0.4);
}

scrollbar.vertical slider,
scrollbar.vertical .slider {
    background-image: linear-gradient(to bottom,
                                      shade(@toolbar_gradient_base, 0.70),
                                      yellow);
}

scrollbar.horizontal slider,
scrollbar.horizontal .slider {
    background-image: linear-gradient(to left,
                                      shade(@toolbar_gradient_base, 0.85),
                                      yellow);
}

I am going to mark this thread as solved. Thanks for all help and input.

LenHoff · 09-30-2020, 02:27 PM

@ crajor (or anyone).
I gather you use PCLinuxOS. I use Mint 18.1 & Mint 19.3 xfce. That may determine if the code posted works (for me, it didn't). The update - post 5 - showing

Code:

scrollbar.vertical slider,
scrollbar.vertical .slider {
    background-image: linear-gradient(to bottom,
                                      shade(@toolbar_gradient_base, 0.70),
                                      yellow);
}

scrollbar.horizontal slider,
scrollbar.horizontal .slider {
    background-image: linear-gradient(to left,
                                      shade(@toolbar_gradient_base, 0.85),
                                      yellow);
}

I'm more interested in horizontal sliders. I've tried many methods - may have worked at one time... None applied a linear-gradient to any H-scrollbar sliders.
1) the code you posted may work in some distros. I can't remember when I last saw the 1st term (word) in a CSS selector without a dot or a # hash in front of it.
However, I played a lot w/ making 1st term "scrollbar" a class or id, & the same w/ the slider term. No go.

I have no trouble applying linear-gradients to vertical scrollbar sliders - in most app windows, not just Firefox (also using degrees, e.g., (deg90 or deg135,etc., red, white, blue);}.
Some examples showed using "background" vs. "background-image" - no difference for horiz. sliders - for me.

I'm not sure Firefox 80+ even supports gradients on horizontal sliders. Using linear-gradient in various horiz. boxes mostly works, but they're not sliders.

Any other ideas to try?