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] https://jermolene.com > On 4 Feb 2019, at 07:07, Mohammad <[email protected]> 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]. > 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/4c3d7f1b-022f-4410-b97f-b262fddaae78%40googlegroups.com. > 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/339C61C5-88F8-47E7-AB35-FB1EFED24293%40gmail.com. For more options, visit https://groups.google.com/d/optout.
