search

WordPress / gutenberg

The Block Editor project for WordPress and beyond. Plugin is available from the official repository.
https://wordpress.org/gutenberg/
Other
10.34k stars 4.13k forks source link

Gutenberg - Alter Width Of Left Sidebar (List View) #44985

Open zero2webmaster opened 1 year ago

zero2webmaster commented 1 year ago

Hi, Please enable the ability for admins to alter the width of the left sidebar (list view). Currently it takes up valuable space. https://www.loom.com/share/ea5dca5808cc4d8894a95985082a49b2 Thanks! Kerry

andrewserong commented 1 year ago

Thanks for raising the suggestion @zero2webmaster! It looks like the list view currently expands to fill the nested hierarchy of the blocks in the post. With your idea of being able to drag / constrain the list view sidebar to a particular width, would you imagine that we'd then have a horizontal scrollbar for navigating into the deeper levels of the block hierarchy? I imagine it could be tricky to find the right balance of usability for deeply nested hierarchies 🤔

zero2webmaster commented 1 year ago

Hi Andrew, I don't think a horizontal scrollbar would be needed, as the sidebar could be expanded to the right if needed. Notion (https://notion.so) has a left sidebar that works this way. Kerry

On Sun, Oct 16, 2022 at 10:11 PM Andrew Serong @.***> wrote:

Thanks for raising the suggestion @zero2webmaster https://github.com/zero2webmaster! It looks like the list view currently expands to fill the nested hierarchy of the blocks in the post. With your idea of being able to drag / constrain the list view sidebar to a particular width, would you imagine that we'd then have a horizontal scrollbar for navigating into the deeper levels of the block hierarchy? I imagine it could be tricky to find the right balance of usability for deeply nested hierarchies 🤔

— Reply to this email directly, view it on GitHub https://github.com/WordPress/gutenberg/issues/44985#issuecomment-1280175386, or unsubscribe https://github.com/notifications/unsubscribe-auth/AYBEYFWCCOX6MQDR4XPZ23TWDSYUTANCNFSM6AAAAAARFKUX2E . You are receiving this because you were mentioned.Message ID: @.***>

andrewserong commented 1 year ago

I don't think a horizontal scrollbar would be needed, as the sidebar could be expanded to the right if needed. Notion (https://notion.so/) has a left sidebar that works this way.

Thanks for the example link! For any designers who might be looking on, Notion appears to handle this in an interesting way. When the List View sidebar is in its most narrow width, the item truncation appears to be pretty aggressive, and very deeply nested items will be cut off, with no horizontal scrollbar available (which could also be a potential accessibility issue 🤔). However if you drag to expand the sidebar, you can view the whole list view:

Notion (in most narrow list view width) Notion (with the list view dragged out to the right)
image image

I also find it quite interesting how they've designed their list view with only a minimal indent and quite tight gutters / padding between icons, presumably to make the most of the minimal screen real-estate, so that the deeply nested issue only really becomes noticeable when there's quite a big amount of nesting at play.

I suppose one key difference between a multi-document based tool like Notion and the site editor in WordPress is that the site editor might be more likely to see very deep nesting between templates / template parts / columns / groups, and the like. Still, I think this is a very compelling idea and worth having a play with. Thanks again for opening the issue @zero2webmaster!

skorasaurus commented 1 year ago

related https://github.com/WordPress/gutenberg/issues/44603