Solved Size of right scroll bar

HaagenBl

Is it possible to increase the width of the right scroll bar? Right now it is very narrow as the 'resize window' icon always pops up when the mouse cursor is inside the scroll bar area , or, alternatively, deactivate the 'resize window' icon ?

RealMat0s

Hey, @HaagenBl

It is possible to change the sizes of the Vivaldi interface (make them bigger) just in this option. It is called ''User interface zoom''.

Try it and let us know!

HaagenBl

Thanks. I tried but it does not increase the width of the scroll bar.

Any way to disable the window resize 'thing' that pops up as soon as the cursor is inside the scroll bar area?

guigirl

@haagenbl Maybe adapt the Coloured_Scrollbars.css that i use?

/* Provides both colourising & width-control of V scrollbars. I narrowed the original 20px width to 13px. */

scrollbar *
scrollbar scrollbarbutton {
visibility: collapse !important;
}

scrollbar scrollbarbutton {
display: none !important;
}

scrollbar[orient="vertical"] {
background: #FFF4F8 !important;
-moz-appearance: none !important;
border: none !important;
min-width: 13px !important;
max-width: 13px !important;
}

scrollbar[orient="vertical"]:hover {
-moz-appearance: none !important;
}

scrollbar thumb[orient="vertical"] {
-moz-appearance: none !important;
background: #B8A8C5 !important;
border: none !important;
min-height: 25px !important;
min-width: 13px !important;
max-width: 13px !important;
opacity: 0.87 !important;
}

scrollbar thumb[orient="vertical"]:hover {
background: #B8A8C5 !important;
border: none !important;
opacity: 1 !important;
}

scrollbar[orient="horizontal"] {
-moz-appearance: none !important;
background: #FFF4F8 !important;
background-color: transparent !important;
border: none !important;
min-height: 9px !important;
max-height: 9px !important;
opacity: .75 !important;
}

scrollbar[orient="horizontal"]:hover {
-moz-appearance: none !important;
background-color: transparent !important;
min-height: 9px !important;
max-height: 9px !important;
}

scrollbar thumb[orient="horizontal"] {
background: #B8A8C5 !important;
-moz-appearance: none !important;
border: none !important;
min-height: 25px !important;
max-height: 8px !important;
margin-left: 0 !important;
opacity: 0.87 !important;
}

scrollbar thumb[orient="horizontal"]:hover {
background: #B8A8C5 !important;
border: none !important;
opacity: 1 !important;
}

scrollcorner {
opacity: 0 !important;
}

scrollbar scrollcorner:hover {
background: transparent !important;
}

::-webkit-scrollbar {
width: 13px !important;
}

body::-webkit-scrollbar {
width: 13px !important;
}

::-webkit-scrollbar-track {
background: rgba(255,255,255,0.22) !important;
border: none !important;
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3) !important;
}

body::-webkit-scrollbar-track {
background: #FFF4F8 !important;
}

::-webkit-scrollbar-thumb {
background-color: #B8A8C5 !important;
background-image: -webkit-linear-gradient(294deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255, 255, 255,.2) 75%,transparent 75%,transparent) !important;
min-height: 50px;
border: none !important;
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.5) !important;
}

HaagenBl

Thanks. Reminds me of Firefox.
As I am new Vivaldi, how do I go about creating an css file in Vivaldi? Can you tell me the location of the profile file in Vivaldi?

mib2berlin

@haagenbl
Hi, you have to create a file and copy the code in to scrollbar.css, for example, and save it to a place outside of Vivaldi
Modding in Vivaldi: https://forum.vivaldi.net/topic/10549/modding-vivaldi?page=1

Vivaldi 2.6 and above
Open vivaldi://experiments
Enable "Allow for using CSS modifications"
Open Appearance section in settings
Choose the folder you want to use
Place your CSS files inside it
Restart Vivaldi to see them in effect

The path to the profile folder is published in File > Help > About

Cheers, mib

guigirl

@haagenbl Well, ok...

Copy the code above into a text file & save it as a .css file in your preferred location on your SSD/HDD [it can be, but does not need to be, in your actual Vivaldi user directory (which for a standard installation is your /home/username/.config/vivaldi-snapshot/Default or /home/username/.config/vivaldi/Default)].
Edit said file to adjust properties to your taste [eg, change scrollbar colour &/or width]
Tell Vivaldi the path [must not include any spaces] to this file, per:

Spoiler

Relaunch V, assess if you like the changes, edit some more if not.

mib2berlin

@guigirl
Hehe, to late.

Cheers, mib

guigirl

@mib2berlin Damn i was editing a typo when you launched your fiendish takeover plot. Bwaaaaaaaaah...

HaagenBl

Thank you all. Was very helpful and has solved my problem. Have a nice day.