[wp-meta] [Making WordPress.org] #4467: Redesign the sidebar for Gutenberg Handbook

[Making WordPress.org]

#4467: Redesign the sidebar for Gutenberg Handbook
-------------------------+--------------------
 Reporter:  rilwis       |      Owner:  (none)
     Type:  enhancement  |     Status:  new
 Priority:  normal       |  Milestone:
Component:  Handbooks    |   Keywords:
-------------------------+--------------------
 The sidebar of the Gutenberg Handbook is not user-friendly and should be
 updated:

 https://developer.wordpress.org/block-editor/tutorials/block-tutorial
 /writing-your-first-block-type/

 Here are some problems with it:

 - It's too narrow.
 - The navigation has up to 3 levels, but the text of sub-levels has the
 same size and style as the parent, which makes it hard to scan.
 - Dividers between items are not good enough, especially for sub-items.

 I'd suggest:

 - Make it wider, probably 300px or more
 - Make the down arrow icon smaller or not taking too much space.
 - Sub-items should be full-width, not having a large right padding like
 they do now.
 - Decrease font-size for sub-items.
 - Remove the dividing lines between items.

 To make it easier to navigate, I think we can separate items into
 categories (top-level item = category, 2nd-level = items in the category),
 put each category title bolder, maybe uppercase. Separate them with space,
 like this:

 https://i.imgur.com/hiKsLm8.png

-- 
Ticket URL: <https://meta.trac.wordpress.org/ticket/4467>
Making WordPress.org <https://meta.trac.wordpress.org/>
Making WordPress.org