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 tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
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/e85a62c1-d03a-49d2-9f94-bd2924168db8%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to