Unuseable Scroll-bar

[Catweazle]

@darwin4ever , however it is a very debatable insolence of the page to change the browser settings without authorization.

[JoelYoung]

Settings > Appearance
If 'Simple Scrollbars' is selected, unselect it.

Just a suggestion.

[Pathduck]

@joelyoung Nope, it only affects the Vivaldi UI, web page scrollbars are Chromium/Blink. And it actually makes scrollbars thinner

[Darwin4Ever]

Concerning the extension : When "All Sites" or "Specific Sites" are selected, the extension behaves as expected.

But how should I proceed when I select "On Click" ? Clicking the button gives some options, but none seem to change the scroll-bar for the current page.

[Pathduck]

@darwin4ever "On click" won't work in Vivaldi

[stardepp]

You can also create a new style with the Stylus extension:
https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
 ::-webkit-scrollbar-track {

  background: #2e5b02;
}
 
::-webkit-scrollbar-thumb {
  background: #628004;
}

With this style you can set the scrollbar width individually. Also the color of the scrollbar can be changed.

---

For internal Vivaldi settings pages there is a .css mod that allows you to customize the scrollbars size and color:

/* Whole scrollbar - made by gwen dragon  on the Vivaldi Forums */

::-webkit-scrollbar {
  width: 8px /*8*/ !important;
  height: 8px /*8*/ !important;
} /*
body::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
} 
*/
::-webkit-scrollbar-button {
  width: 0px !important;
  height: 0px !important;
}

/* Moving part */
::-webkit-scrollbar-thumb {
  background: #2e5b02 !important;
  /* background-color:#628004 !important; */
  border: 1px inset #2e5b02 !important;
  border-radius: 0px !important;
}
::-webkit-scrollbar-thumb:hover {
  background: #2e5b02 !important;
}
::-webkit-scrollbar-thumb:active {
  background: #2e5b02 !important; /* On click */
}

/* Scrollbar background */
::-webkit-scrollbar-track {
  background: #628004 !important;
  border: 0px none #2e5b02 !important;
  border-radius: 0px;
}

body::-webkit-scrollbar-track {
  background: #2e5b02 !important;
  border: 0px none #2e5b02 !important;
  border-radius: 0px;
}

/*
::-webkit-scrollbar-track:hover {
  background: #2e5b02;
}

body::-webkit-scrollbar-track:hover {
  background: #2e5b02;
}

[Marko Indaco]

@darwin4ever hi, try this addon
Regards

[Darwin4Ever]

@marko-indaco For some reason, that addon only works for other sites, but not at all for the two examples I have problems with (contrary to the other extension)

[Darwin4Ever]

@stardepp This Stylus-solution (which I know as Firefox-addon) is much faster than the first extension. In the extension first the original scroll-bar is shown and then changed. Here it's instant.

Is this Vivaldi-update persistant ?

[stardepp]

@darwin4ever said in Unuseable Scroll-bar:

Ist dieses Vivaldi-Update persistent?

Yes, I can confirm that.

[dols]

can I suggest that Firefox's scrollbar behavior is easier to use as it auto-expands the width of the scrollbar upon mouseOver?

this gif shows how grafana's scrollbar's behave in vivaldi (on linux): https://imgur.com/a/P5FF1ny

and this gif shows how they behave in firefox:
https://imgur.com/a/KPbmkcT

I tried the scrollbar customizer addon and I can't seem to get it to override grafana's scrollbar width. I also added on to a request that the grafana project make their scrollbar customizable here: https://github.com/grafana/grafana/issues/17725