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 [email protected].
To post to this group, send email to [email protected].
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.
