Thank you! It works fine…but I am not convinced of the optical concept. I would prefer a more minimalist design: a thin (invisible) line that turns blue if you hover.
If it was less visible, there would be no need to turn it on and off at all
Re Sidebar Resizer
Actually “I really like” what @BurningTreeC did here , no carful fine mouse control needed (as has a big target) and the mechanism itself can be turned on and off with a click.
- Perhaps a Page Control Button for this would be better than only a checkbox in a tiddler.
- I wanted to make the sidebar smaller than it is allowing me, I found I just need to set this lower $:/config/tiddlyflex/sidebar/width you could call it “the minimum sidebar width” (excluding zero when closed).
Once more very cool multi-columness!. My one thought is ensembles.
hides
On your previously awesome multicolumn layouts of tiddlers and columns could be saved.
This was a good thing!
I did test is with Ubuntu FireFox and it worked.
But I found a different issue.
- 2 columns are active.
- I did select the right one
- I did remove 1 column
- It did remove the selected one instead the “unselected”
I did expect, that the “active” column would be the one visible. – Just some thoughts
Hi @pmario ,
thanks for testing!
How did you remove column 1?
By manipulating the $:/columns list or by using the remove-column button?
Thank you!
I did use the “-” button shown top right in the toolbar
Ah, @pmario
Now I understand what confuses you.
The remove-column button always removes the last column, the last one at the right.
That’s needed to work like that I believe.
In the $:/columns tiddler there needs to be a list starting with “1” followed by “2” and “3” and so on
That’s because internally I’m using add[1]
and subtract[1]
which is maybe a design error and could probably be changed to use before[]
and after[]
Hi @BurningTreeC
could you add a minimum width for tiddlers? Especially when you drag the sidebar you can make the tiddlers very narrow.
Perhaps it could be configurable…with a default of 300px?
Hi @JanJo
I’ve now added a configurable min-width for the single story rivers
It’s 300px by default
I’ve also added a smart way to detect when tiddlers get narrow by resizing the sidebar and show the menu button in that case
Best wishes,
Simon
Thank you - this works well - The default width stops resizing the sidebar at that point.
For my usecase (I often could use a hidden/hideable second storycolumn below the sidebar…) it would be great if it could switch to the behaviour of the mobile storyriver at that point. Which means the sidebar for some pixels starts to overlap the the right column and then makes the other tiddlers snap to the full width.
But I guess this would be too much calculation.
Hi @JanJo
I could add a Button and a Keyboard Shortcut that makes the story river behave like in mobile view
This would be great !!!
Perhaps the mechanism to control the width to make it snap exactly could be controlled by a min width and a max-width?
I’m struggling in my experiments…
What do you mean by controlling the width and making it snap?
Thank you,
Simon
I meant the min/max tiddler width -to which point dragging the sidebar to the right will make the tiddlers wider and from where on a new column will be shown.
Thank you for your work!
Hi all!
I’ve reached version 0.0.100
@JanJo I’ve added a vertical/horizontal Button and Keyboard Shortcut (shift-alt-H)
Then there are many other improvements like the added fullscreen Button and Keyboard Shortcut and the added Ensemble saver
The ViewToolbar “menu” button now makes use of the Dynaview plugin if present and if saving of the viewport dimensions is enabled. Like that, if the viewport changes, it updates the visibility of the “menu” button…
I hope you like this layout and its functionality
If you have ideas how to improve it, let me know
If you find bugs, please let me know
Thank you all,
Simon
Hi @BurningTreeC. great, Thank you,
it would be usefull if clicking shift-alt-H would adjust the storyriver/tiddlerwidth to space between sidebar and the left border (or toolbar if exists)
If there is a hidden storycolumn on mobile it is easy to switch between them by swiping. On the PC I don’t know how to switch between them yet.
Hello @JanJo
There should be a scrollbar at the bottom that can be used to switch between columns
You can also use the keyboard shortcuts alt-Right and alt-Left
Hi all,
the last days I was working on a new invention called dynanode widget
It’s deeply inspired by @jeremyruston’s Dynaview plugin
The difference is, that it uses CSS to hide the elements that are outside the visible areas.
It sets content-visibility
to auto
for tiddlers that aren’t visible and contain-intrinsic-size
to the real dimensions of the tiddler, which are updated when the window resizes or the scrollable container resizes or the tiddlers themselves resize… it’s a bit complicated… but I hope I got it working correctly.
If contain-intrinsic-size
wouldn’t be set to the correct sizes, the tiddlers would shrink when they are outside the visible area and that would be a bad thing, because it would make the scrollbar very jumpy when scrolling and it could cause infinite resize loops
You can test the dynanode functionality on the plugin page by enabling it with a checkbox in the first tiddler of the second column. There are also informations how to enable the functionality for FireFox, where content-visibility
is still an experimental feature.
I’d like to see if we’re able to produce a RSOE saying that there’s a ResizeObserver loop
… I’m sure we are somehow
I hope you like this functionality. I’ll try to make it universally usable and to fix bugs, so I’m really glad if you tell me your ideas or report any bugs.
Thank you and best wishes,
Simon