Gutenberg - Alter Width Of Left Sidebar (List View)

[zero2webmaster]

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]

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]

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 <#44985 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AYBEYFWCCOX6MQDR4XPZ23TWDSYUTANCNFSM6AAAAAARFKUX2E> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[andrewserong]

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)

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]

related #44603