Thanks Arunn, I can see some similarities in desired output there, so thanks for passing along that link. At first glance though it looks like I'm already in a similar place - with extra (for my purposes anyways) spacing on the left and right
My hope is that someone who's done this kind of thing before would say something like - "For A, add a class for 'tc-tiddler-top-padding" and change it to 0px to get rid of it" or something like that. On Wednesday, May 26, 2021 at 2:14:37 AM UTC-4 arunn...@gmail.com wrote: > https://ibnishak.github.io/Timimi/ > > Will this be of any help? > > > On Wed, May 26, 2021 at 5:48 AM Stobot <sto...@gmail.com> wrote: > >> One of my side projects is to make a "version/edition" for my other >> "corporate" folk who are used to things looking like programs they're used >> to - primarily Microsoft (Teams / PowerBI / Office Online). There is a very >> common pattern with a top bar, left bar, and then the documentation is >> single page mode. >> >> I've been able to get a leftbar and topbar started and starting to be >> populated (far from done, but mostly know how to do the rest). I also >> figured out the sticky-titles and z-index to layer things okay. I am stuck >> on spacing (as I typically am) as I don't have a web/css background or know >> all of the "hidden classes". If there's a good resource/guide for me to >> self-teach, even better! >> >> In the "before" picture, I have 5 red boxes I'm trying to reduce to get >> me to the "after" picture. >> A: I already have "story top" set to 0px, there's just extra padding >> above the title line >> B: I can adjust this with "story left", so I don't really need help on >> this one >> C: I think similar to A, there's got to be some tc-? that I can change >> padding-left? >> D: Same as C, but on the right >> E: There's additional spacing to the right of the tiddler I can't get rid >> of. >> Bonus: I think I'll keep it single-page mode, but if anyone knows how to >> adjust the space between tiddlers, that'd be helpful too as I might expand >> that way. >> >> Before (purposely put topbar in the back to illustrate better): >> [image: before.png] >> >> After: >> [image: after.png] >> >> *Thanks to the many contributors who've I've learned from to get this far >> with the CSS I have learned - especially Ton Gerner / J.D. / David Gifford >> / Eric / Soren / Jeremy and many others :)* >> >> >> -- >> 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+...@googlegroups.com. >> To view this discussion on the web visit >> https://groups.google.com/d/msgid/tiddlywiki/f0cb9894-9b58-4484-b6a3-4b07f0899832n%40googlegroups.com >> >> <https://groups.google.com/d/msgid/tiddlywiki/f0cb9894-9b58-4484-b6a3-4b07f0899832n%40googlegroups.com?utm_medium=email&utm_source=footer> >> . >> > -- 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/e681bd99-98cb-40c8-962a-169e8ffe2b31n%40googlegroups.com.