Thank you JD. Yes, on mobile it works great! The issue with Trashbin popup in on the desktop.
Cheers Mohammad On Monday, February 4, 2019 at 2:52:49 PM UTC+3:30, JD wrote: > > 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 > > EDIT: I have to try Quinoid soon! SpartanNightPalette looks so nice with > it, and I sorely miss the Android statusbar. > > > 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/baa17b50-5250-4aa6-8379-369b5f42d834%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
