CSS Scrollbar settings start working with FF64

[PMario]

Hi,

FireFox 64 starts to support CSS style settings for Scrollbars! \o/

see: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Scrollbars

So if you create a stylesheet eg: scrollbarStyles with this content.

.tc-sidebar-scrollable:hover {
  scrollbar-width: unset;
}

html,
.tc-sidebar-scrollable {
/*  scrollbar-color: lightgray #eee;*/
  scrollbar-width: thin;
}

It will create thin scroll-bars. If you hover the sidebar, it will increase the width, to indicate, which one is active.

You can disable, this behaviour if you don't like it. ... Just don't set the :hover state :)

--------------------

This also works for FF63 if you enter: about:config and set the variable: layout.css.scrollbar-width.enabled to true

--------------------

This setting doesn't really matter for Safari and for many unix versions, since scrollbars are handled by the OS already. ... But it's definitely worth a try for all windows users.

have fun!

Mario

PS:

I did add a json file, that you can import for less typing.

[PMario]

typo fixed

This also works for FF63 if you enter: about:config and set the variable: layout.css.scrollbar-width.enabled to true

-m

[@TiddlyTweeter]

Molto benissimo! Grazie per il testa a testa!