Thanks Mat, I ended up using a subset of this and it works like a charm. I
wasn't happy with the tool bar jostling the edit box so I took that part
out as best as I could. THanks, this totally does the trick! Here is the
subset of Mat's css I used:
.tc-editor-toolbar {
position:sticky;
position: -webkit-sticky;
position: sticky;
top: 0px; /* distance to stick from top, e.g if you use top bar */
left:0;
width:100%;
font-size:.74em;
padding:0;
border:5px solid transparent;
}
On Thursday, June 22, 2017 at 4:48:51 AM UTC-10, Mat wrote:
>
> Doh! I forgot the OP question by Rich:
>
> The following adds position sticky. I added a blue outline so you can see
> it. Just remove it to... remove it.
>
> <:-)
>
> .tc-edit-tags {
> margin-bottom:12px
> }
> .tc-editor-toolbar {
> position:sticky;
> position: -webkit-sticky;
> position: sticky;
> top: 0px; /* distance to stick from top, e.g if you use top bar */
> left:0;
> width:100%;
> font-size:0;
> line-height:0;
> padding:0;
> border:5px solid transparent;
> margin-top:-11px; /* pull it up */
> outline: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 [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/622f973f-6c7b-453e-85c1-666655c840a7%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
