Making WordPress.org

Opened 7 months ago

Last modified 7 months ago

#4467 new enhancement

Redesign the sidebar for Gutenberg Handbook

Reported by: rilwis Owned by:
Milestone: Priority: normal
Component: Handbooks Keywords: needs-design-feedback


The sidebar of the Gutenberg Handbook is not user-friendly and should be updated:


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:


Change History (3)

This ticket was mentioned in Slack in #docs by coffee2code. View the logs.

7 months ago

This ticket was mentioned in Slack in #meta by tellyworth. View the logs.

7 months ago

#3 @tellyworth
7 months ago

  • Keywords needs-design-feedback added
Note: See TracTickets for help on using tickets.