[email protected] wrote: > 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%; } >
Very good stuff! It is clever! But, would it not be better if we could collectively produce such mini-style-sheets dynamically in TW??? What I find OFF is any idea there is some "optimal" solution to these issues. PERSONALLY I simply find the needed solution will often be variable by Application??? As I mentioned elsewhere, I kinda think that some kind of "CSS Manipulator" macro is really the way to go??? Just thoughts TT -- 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 view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/f04a1058-dce9-4d69-92bc-a5b2ee957909n%40googlegroups.com.
