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 [email protected]
>> 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 [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/caf1804f-b8bf-454e-8d3f-ae3fde71187cn%40googlegroups.com.
