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:settings 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. 


-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/07f69268-8474-4366-902f-88f0a96935c8%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Attachment: scrollbarStyles.json
Description: application/json

Reply via email to