Sticky Editor Toolbar?

81 views
Skip to first unread message

TW Tones

unread,
Aug 3, 2020, 12:39:49 AM8/3/20
to TiddlyWiki
Folks,

I have a Wiki set to have a "sticky editor toolbar", not unlike the sticky view Toolbar option in theme tweaks.
If you scroll down a long tiddler in edit mode the Editor toolbar remains in place at the top until you move to the next tiddler.

Issue
Can anyone tell me how to do this please?

Regards
TW Tones

Saq Imtiaz

unread,
Aug 3, 2020, 12:49:37 AM8/3/20
to TiddlyWiki
Something along these lines:

.tc-editor-toolbar {
position: sticky;
top: 30px; /* adjust as needed*/
}

TW Tones

unread,
Aug 3, 2020, 12:51:57 AM8/3/20
to TiddlyWiki
Saq,

Thanks

I just found this as well.


<$reveal state="$:/themes/tiddlywiki/vanilla/options/stickytitles" type="match" text="yes">
``
.tc-tiddler-title {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    top: 0px;
        font-size: 0.9em;
        padding-bottom: 1px;
    background: ``<
<colour tiddler-background>>``;
    z-index: 10;
}
.tc-tiddler-controls.tc-titlebar{
    height: 33px;
        margin-top: -8px;

}

.tc-editor-toolbar {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    top: 25px;
    background: ``<
<colour tiddler-background>>``;
    z-index: 10;
    border-bottom: 0.55px solid #CCC;
}
``
</$reveal>


TiddlyTweeter

unread,
Aug 3, 2020, 12:59:35 AM8/3/20
to TiddlyWiki
Tones

That's Jan's solution. It is a Good interim step. But there are two issues with it ...

1 - It stops working if you use Preview

2 - The CSS can need further manual tweaking with some themes.

IF you like full-screen edit then JD's recent unpdated solution is Good as its toolbar is sticky and it has neither of these issues.

Best wishes
TT

TW Tones

unread,
Aug 3, 2020, 1:40:13 AM8/3/20
to TiddlyWiki
TT,

Yes thanks for that suggestion. My need is more for when designing, if I have multiple tiddlers in edit mode, perhaps to copy paste items from one to the other. Full screen editor certainly has its place.

Inspired by this work including the popup edit, I also made edit in new window for multi-screen setups, multiple windows can have multiple tiddlers in edit mode and reflect changes immediately in the main window. The only bug / feature is zooming in and out impacts all windows.

Regards
Tony
Reply all
Reply to author
Forward
0 new messages