Good idea to hide the toolbar.
I made this to have it show-on-hover (or, if touch screen, show-on-tap!).
In order to have an area on which to hover, I attempted to increase the
margin above the editor field... but I fail to do so. Instead I increased
the margin below the tags field but this is of course only OK if there is
no other custom field appearing between the tags and the editor.
Other than that there is some styling applied that I think works well or
even better than in the native layout.
<:-)
tag: $:/tags/Stylesheet
.tc-edit-tags {
margin-bottom:12px
}
.tc-editor-toolbar {
position:absolute;
left:0;
width:100%;
font-size:0;
line-height:0;
padding:0;
border:5px solid transparent;
margin-top:-11px; /* pull it up */
Xoutline:1px solid blue; /* remove the X to peek where it all resides */
}
.tc-editor-toolbar:hover {
font-size:1em;
border-color:white;
background:white;
}
.tc-editor-toolbar button {
display:none;
padding:0px;
}
.tc-editor-toolbar:hover button {
display:inline-block;
}
--
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 https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/ab2588be-71ef-42e2-a7d6-56f53b26528f%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
