Scrollable Sidebar for Enhanced User Navigation

[xy-241]

Is your feature request related to a problem? Please describe. The current sidebar design does not accommodate all its content within the visible area, causing some parts to be cut off. This limits the user's ability to access and interact with certain elements efficiently.

Describe the solution you'd like Implement a scrollable feature for the sidebar, allowing users to navigate through its content seamlessly. This ensures that all sidebar elements are accessible and visible, enhancing user experience.

Describe alternatives you've considered An alternative solution could involve redesigning the sidebar layout to make it more compact or collapsible. However, a scrollable sidebar would be a more straightforward and user-friendly approach.

Additional context

• The graph view element is be cut off

[tuta-amb]

I've had this problem with mine, and if you look here, you'll see that it hides all overflowing content. Changing it to overflow: scroll; should fix this.

[xy-241]

hmm, I changed the overflow: hidden; to overflow: scroll; inside the #explorer-content css class, but both left and right sidebars still unable to scroll.

[tuta-amb]

@xy-241 Oops, my bad. That was for the explorer scrolling, not the sidebars. 😳

[lucastucious]

if you access to base.scss, you can remove the position: fixed; line

[xy-241]

if you access to base.scss, you can remove the position: fixed; line

Hmm, I gave it a try. The issue I found is that the sidebar doesn't follow when I scroll down the page, so the table of contents can't be utilized.

[aarnphm]

Personally i found that having multiple scroll reduce user experience a lot, esp when some of the item can be scrolled alr.

Maybe for specific view height we can push the right to below center?

[xy-241]

Personally i found that having multiple scroll reduce user experience a lot, esp when some of the item can be scrolled alr.

Maybe for specific view height we can push the right to below center?

Agreed, nested scrolling can be quite confusing for users. Perhaps one possible solution is to disable the scroll ability of the items and only make the sidebar scrollable.

[aarnphm]

Personally i found that having multiple scroll reduce user experience a lot, esp when some of the item can be scrolled alr. Maybe for specific view height we can push the right to below center?

Agreed, nested scrolling can be quite confusing for users. Perhaps one possible solution is to disable the scroll ability of the items and only make the sidebar scrollable.

I will kindly advice against this.

Collapse-able components would just not work here. TOC and explorer will always be larger enough to be bigger than the given height size.

I do think that if you want to implement scrolling for your garden, you can definitely do so.