I've currently got a 3-column layout going: center is the normal view mode; edit mode has the preview to the left and editor in the center; sidebar the right column where I often display full tiddlers side-by-side with the story river.[image: 3-column_layout.png] On Thursday, June 17, 2021 at 5:00:01 PM UTC-7 springer wrote:
> Soren and all, > > The idea of asymmetrical edit/preview panes is appealing! > > In some cases, the edit window should be relatively wide (where markup > source is longer than rendered result), but in other cases, the preview > actually requires much *more* space than the edit box (because of > transclusions, dynamic tables, etc.). > > I wonder how hard it would be to make the column gutter moveable, and/or > to get the preview to recognize (with some quick-and-dirty approximation) > what kind of ratio might be suitable. > > -Springer > > On Tuesday, June 15, 2021 at 10:44:00 PM UTC-4 Soren Bjornstad wrote: > >> While we're discussing story river layouts, I've been playing with the >> following odd-looking but surprisingly functional layout for a couple of >> days, in an attempt to make optimal use of the 24" monitors where I do most >> of my editing: >> >> [image: widening.png] >> >> As you can see, the story river is centered, but tiddlers get wider when >> you go into edit mode, so there's additional space for a side-by-side >> preview when editing but lines don't get too long to comfortably read when >> viewing. I also changed the division between the editor and the preview to >> 70/30 instead of 50/50, which usually gets the paragraphs on the left and >> right to almost exactly line up, rather than the wikitext rapidly getting >> longer than the preview (a smaller difference like 60/40 might be a better >> compromise if you edit with a lot of images or transclusions). >> >> CSS on top of the default theme and fluid-fixed layout: >> >> 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; } >> 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%; } >> >> Still in alpha stages, and probably much too odd to implement in core, >> but maybe interesting to somebody. :-) >> >> On Tuesday, June 15, 2021 at 4:39:02 PM UTC-5 f.brunsb...@gmail.com >> wrote: >> >>> Hi Mario, we just had the pleasure, but others are welcome to read my >>> opinion as well. >>> >>> Not a bad idea as far as it goes. Better than the original alignment of >>> the empty.html. >>> But I would like to see another variant "All centered". Of course, both >>> side by side but shown together in the center. >>> [image: Eg_centered.png] >>> >>> PMario schrieb am Dienstag, 15. Juni 2021 um 21:28:21 UTC+2: >>> >>>> >>>> Hi folks, >>>> According to the feedback from empty.html should start with >>>> "fluid-fixed" layout >>>> <https://groups.google.com/g/tiddlywiki/c/m0XycQ8DrI0/m/2A3qssqDAQAJ> >>>> I did create a new setting in the ControlPanel : Appearance : Theeme Tweaks >>>> >>>> - Centered story, fixed sidebar >>>> >>>> If the option is set, the metrics elements, that can't be used are >>>> "grayd out". >>>> >>>> The PR is at: https://github.com/Jermolene/TiddlyWiki5/pull/5800 >>>> >>>> [image: centered-fixed-01.gif] >>>> >>>> Feedback is welcome. >>>> -mario >>>> >>>> -- 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/caf1804f-b8bf-454e-8d3f-ae3fde71187cn%40googlegroups.com.