gitmurf / masonry-vanilla Goto Github PK

is it possible to restrict toggling between sidebar modes only to two? (the first (1) and the second (2) modes with the same widths. So not changing the widths, only alternating between the height modes? )

And also keeping the sidebar width when pressing the button?

(1)

(2)

I guess this is actually a roam issue, but I think it would fit nicely into the features of masonry. The flex-box width of the main roam view seems to be fixed to a minimum of 40% (on my monitor at least, don't know how those 40% are calculated).

This result in a lot of white space around the actual blocks in roam main. Maybe you can add resizing of the main window similarly to sidebar cards. Or somehow bypass the scaling restriction.

As I have demonstrated it in the video below, I have perfectly adjusted the sidebar options to my liking with 3 cases.
However, the sidebar width size is not respected on the first opening. Why could this be?

As you can see from the video, as soon as I click the button to make sidebar full height, it does not hold the full width of it.

But ideal case is represented in the picture below: Is this possible to make that clicking the toggle sidebar window adjust the sidebar size like this?
And also make the right-padding of the main window smaller, without changing its size?

Manually adjusted: (Max possible without wrapping the main window)

Ideal case with smaller right-padding:

🙏🏻 Thank you very much for these awesome stuff.

Right now I have configured the js to use the sidebar in 3 modes, as in the video below.
I have made the height in the first mode very small so that it is for moving the pages around and getting an overview of the open pages.

My question is, would it be possible to make the pages collapse only on the first view so that they become clickable (like at the end of the video)? And expanded in the other 2 modes?

I find these 3 modes intuitive and if this could be done with js then it would be even more intuitive.

In the introduction, the last fourth bottom (the one changes the ratio between the main page and the sidebar) appears.

I tried to follow the installation procedure but I do not see this bottom.
The sidebar other pieces of the codes seems to work. I also have the optional JS code installed.

Is this bottom being overwritten by Roam's own expansion bottom?

Thanks in advance for your help.

Upload videos here as the Read Me page doesn't allow for MP4 to be embedded.

https://www.loom.com/share/b5c15e652bac4e30a12cc9354127d2f1

Having issues with the sidebar- text appears below the masonry block, and the title doesn't appear until the middle of the page. Not running any other CSS at this time and running the JS listed.

Hi, I tried everything but I am not able to make it work. What to check, what to do? Thank you in advance!