Hi Mohammad, Thank you so much for posting screenshots! Those are good for documentation :D
I see what you mean with the FilterSearchButtons on desktop. I didn't want to overwrite core tiddlers, and their dropdown <$reveal/>'s don't have *position="belowleft"*. I'll style around this, then, and will post an update soon. Thank you for the bug reports! -jd On Monday, February 4, 2019 at 4:07:40 PM UTC+9, Mohammad 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/34f167e6-e946-41da-b36c-160e5bc5c726%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
