*two *row* view for my World Building project.
On Wednesday, June 16, 2021 at 12:01:32 AM UTC-4 Darth Mole wrote:
> @Soren,
>
> I have been trying to make a two column view for my World Building
> project. The idea was that someone could be editing a Tiddler (entry) or
> writing a chapter (again a Tiddler) and then have the world details above
> in an isolated row that scrolled. Kind of like Stroll but instead of two
> columns it would have two rows to switch the Tiddlers between.
>
> However, your CSS gave me an idea and my question is, as I sit here
> shaking and jittering like I have waaaaaaaay too much sugar, can you tell
> me if my changes to the edit-frame css breaks anything in your mind?
>
> I think I figured out how I can, and now want to, have the edit and
> viewing breakdown. Again, I just want to make sure I'm not butchering
> something else without realizing it. Thank you so much if you can and for
> your CSS/idea!
>
> 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%; }
>
> 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/5b7b4d7e-7c8a-4abe-b0a1-99db0fd7d249n%40googlegroups.com.
