[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
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+...@googlegroups.com.
To post to this group, send email to tiddl...@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/4c3d7f1b-022f-4410-b97f-b262fddaae78%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
<p01.jpeg>
<p02.jpeg>
<p03.jpeg>
Played around in Firefox Responsive Design Mode and it seems to work on smaller screen sizes. Did notice an oddity, on width 800 and less the pallete selection option lost the last four choices, spartan etc.
--
You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/e1rXfFuUohA/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@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/f250387d-bce0-4011-888b-38462ab04339%40googlegroups.com.
--
You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/e1rXfFuUohA/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@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/3f1dc787-2add-40a5-b89c-0e8597ff5a93%40googlegroups.com.
http://j.d.palette.tiddlyspot.com/Hi BTC,Thank you! Spartan Day and Night are my actual favorites.It's not a problem for me to update http://j.d.palette.tiddlyspot.com/ with your suggestion, as I constantly change my personal copy of the palette anyway (I tend towards redder colors more, recently. Sometimes harsh white accents when the mood strikes)-jd
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+...@googlegroups.com.
To post to this group, send email to tiddl...@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/CAOAd_aVs8WFF2JguCxe4yFmeAg6NSMe-HJV%2BHUxiVA-wdnH-jw%40mail.gmail.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/EDE183DA-9E79-44AC-ABC1-51A9E4C9F80B%40gmail.com.
I wonder if I have to convert some colors for that? Some of these palettes use rgba colors with opacities, which might not be compatible with some browsers.
And also, I don't know how to actually request something be put into the core, nor the naming convention for a palette that isn't attached to a theme. 😅
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/CAOAd_aUcxOdiHPLcH%2BHqJD--gc8J6GJWcEGtvgi49Fr4w6%3DA3w%40mail.gmail.com.
Hi Jeremy,Thank you!I wonder if I have to convert some colors for that? Some of these palettes use rgba colors with opacities, which might not be compatible with some browsers.And also, I don't know how to actually request something be put into the core, nor the naming convention for a palette that isn't attached to a theme. 😅-jd
Hi @JD, I think I can help you with the github part:2. click "Create new File"3. give it a name like "Mono.tid"4. add the following on top of the textareatitle: $:/palettes/Monotags: $:/tags/Palettedescription: descriptionname: Mono5. add a space below these lines