@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 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/222b97bc-74d5-4ded-83a5-aa2390129288n%40googlegroups.com.
