Thanks TB. I replaced mine with your hover modification <http://tobibeer.github.io/tb5/?132#Mouseover%20Toolbar%20Visibility> with slight changes:
*.tc-tiddler-frame .tc-titlebar button{ opacity: 0; transition: opacity .3s ease-in-out; }.tc-tiddler-title:hover .tc-titlebar button{ zoom: 1; filter: alpha(opacity=100); opacity: 1; }* Now toolbar icons will show only when hovered over the top part. I also removed few lines (browser engine specific? still worked in FF) and reduced the time for the icons to be visible. On Thursday, 24 September 2015 12:28:24 UTC+5:30, Tobias Beer wrote: > > Added instructions here: > > Mouseover Toolbar Visibility @ tb5 > <http://tobibeer.github.io/tb5/?132#Mouseover%20Toolbar%20Visibility> > > Also includes an example for a smooth transition effect that I adopted > right away. > > Be careful that it's .tc-titlebar button not .titlebar button. > > To have the toolbar show when hovering the tiddler and not just its > titlebar, use > > .tc-tiddler-frame .tc-titlebar button { > opacity: 0; > } > .tc-tiddler-frame:hover .tc-titlebar button { > opacity: 1; > } > > Best wishes, > > — tb > -- 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 tiddlywiki+unsubscr...@googlegroups.com. To post to this group, send email to tiddlywiki@googlegroups.com. Visit this group at http://groups.google.com/group/tiddlywiki. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/9193e7f6-ee5d-4c7a-81cc-1794691177f6%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.