Hello,
The below CSS is a slightly modified submission by Soren over on a
different thread: https://groups.google.com/g/tiddlywiki/c/AbBmtgL7s74
When a Tiddler is edited it drops to the bottom of the screen and stays
there until it is saved. While locked at the bottom of the screen you can
still open and scroll through other Tiddlers. When scrolling the Tiddlers
being viewed go behind the one being edited. Also, the edit Tiddler is set
to 500px height so if the Tiddler has a lot of content a scrollbar will
appear vs it pushing up the screen and covering more of the stream. I
wanted to post it here because the above thread was getting very long and I
wanted to share the below code in case it was helpful for anyone else.
div.tc-tiddler-frame { max-width: 60em; margin-left: auto; margin-right:
auto; }
div.tc-tiddler-edit-frame { max-width: 90em; margin-left: auto;
margin-right: auto; max-height: 500px; overflow:auto; position: fixed;
bottom: 0; z-index:2; }
div.tc-tiddler-body { max-width: 50em; margin: auto; }
.tc-tiddler-frame .tc-tiddler-preview .tc-edit-texteditor { width: 69%; }
div.tc-tiddler-preview-preview { width: 29%; }
Some things to consider:
1) If you Edit more than one tiddler at a time they will overlap each other.
2) If you use a plugin like Stroll, specifically its two column view, while
the edit tiddler will move to the bottom and allow scrolling, the alignment
is based on which column the tiddler was in prior to selecting edit.
3) This is new code so any unintended effects it may have on other areas of
TiddlyWiki are unknown.
Thanks!
--
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 view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/0fde9f3b-f7a4-4ac7-983f-3f1b51aa3d18n%40googlegroups.com.
