Absolute positioning strikes me as likely to confuse TiddlyWiki's layout, but I'm mostly a “guess and check” CSS user so I can't explain why, except that I've tried to do it in the past and it hasn't worked very well. But your situation may be different.
Also, wouldn't that be applying the same absolute positioning to *every* tiddler in the story river, which could include both the details and the entry/chapter? You might be able to use data-tags <https://tiddlywiki.com/#Custom%20styles%20by%20data-tags> to apply the special positioning/sizing only to one of the items. On Tuesday, June 15, 2021 at 11:01:32 PM UTC-5 iamdar...@gmail.com 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 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/e136e8df-a009-4cd8-95ac-5dc278203defn%40googlegroups.com.
