Hi Jeremy, Thank you! TiddlyWiki is so fun to style :D
-jd On Monday, February 4, 2019 at 4:40:40 PM UTC+9, Jeremy Ruston wrote: > > Hi JD > > Great stuff, very impressive. It's great to see themes that make > substantial mods to the UI. > > Best wishes > > Jeremy. > > -- > Jeremy Ruston > [email protected] <javascript:> > https://jermolene.com > > On 4 Feb 2019, at 07:07, Mohammad <[email protected] <javascript:>> > wrote: > > My Test on mobile is great > > The editor toolbar, the topbar tools and searchbox work as expected. > > Screenshots using Quinoid are attached! > > On Desktop: > Searchbox/Filter/ Delete icon (trashbin) works oddly! > The dropdown menu overflows the screen right edge > and it should be displayed down-left instead of down right > > > Thank you > > > > On Monday, February 4, 2019 at 2:38:01 AM UTC+3:30, JD wrote: >> >> Hello everyone, >> >> JD here, offering a kind of stark theme that incorporates my most >> personal needs for a writing interface: >> >> [x] Sidebar to the <- left >> [x] Built-in mobile layout >> [x] Centered story river (when sidebar is closed) >> [x] Sidebar segments visibility toggler at Control Panel >> [x] TopLeftBar buttons visibility toggler at Control Panel >> [x] EmptyStoryMessage template >> [x] Splashcreen template >> [x] TiddlerFrame style >> [x] AdvancedSearch tabs on TopRightBar searchbar >> [x] TopRightBar searchbar you can create a tiddler from like NTFS or NTFS19 >> [x] Font scroller button >> [x] Day/night palete switcher button >> >> >> *Here is the main conceit of the mobile UI:* >> >> The main change has been to TopBarLeft and TopBarRight. They are still >> separated, but are now contained in a wrapper, like this: >> >> >> <div class="tc-topbar tc-adjust-top-of-scroll"> >> <div class="tc-topbar-left"> >> (items tagged $:/tags/TopLeftBar) >> </div> >> <div class="tc-topbar-right"> >> (items tagged $:/tags/TopRightBar) >> </div> >> </div> >> >> >> On desktop, the wrapper, tc-topbar, is by default arranged in a row... >> but on mobile it has this: flex-wrap: wrap;... so if tc-topbar-left has >> width: >> 100%;, tc-topbar-right will automatically be stacked below it. >> >> >> By combining the left and right topbars, the special class >> tc-adjust-top-of-scroll is now incorporated to both >> the TopBarLeft and TopBarRight templates. This is especially useful for >> mobile UI. >> >> >> I might extract just this bit into the next iteration of my MobilePlugin, >> albeit it will only be for TW5.1.19 and above. >> >> >> You can try it out, and install from here: >> >> >> http://j.d.mono.tiddlyspot.com/ >> >> >> A future update would be this: >> >> >> [ ] hoverable buttons <- for next update >> >> [ ] hoverable topbar on desktop <- for next update >> >> and some other stuff I'm forgetting right now >> >> >> I've been using this with BTC's app, and it works so nice so I'm sharing >> this with you all :D >> >> >> -jd >> >> >> P.S.: >> >> >> Shoutout to BTC and his amazing development! I love it and it's great >> with an automatic GoogleDrive android->desktop syncer >> >> >> Thank you everyone for the inspiration! >> >> >> -- > 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] <javascript:>. > To post to this group, send email to [email protected] > <javascript:>. > Visit this group at https://groups.google.com/group/tiddlywiki. > To view this discussion on the web visit > https://groups.google.com/d/msgid/tiddlywiki/4c3d7f1b-022f-4410-b97f-b262fddaae78%40googlegroups.com > > <https://groups.google.com/d/msgid/tiddlywiki/4c3d7f1b-022f-4410-b97f-b262fddaae78%40googlegroups.com?utm_medium=email&utm_source=footer> > . > For more options, visit https://groups.google.com/d/optout. > > <p01.jpeg> > > <p02.jpeg> > > <p03.jpeg> > > -- 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 post to this group, send email to [email protected]. Visit this group at https://groups.google.com/group/tiddlywiki. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/fd26f6e4-b0c2-416d-b6a4-6353ea9078f9%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
