Wp-calypso: Typography: Improve Reader sidebar Following list

Created on 17 Jun 2020  路  5Comments  路  Source: Automattic/wp-calypso

Steps to reproduce

Starting at URL: https://wordpress.com/read

The list of sites you're following aren't indented right under their heading. Hierarchy is lost here especially since they share the same font size.

See: https://github.com/Automattic/wp-calypso/pull/43295#issuecomment-644955101

cc @sixhours

Reader Sidebar [Type] Enhancement [Type] Janitorial

Most helpful comment

@bluefuton thanks for the ping, @evilluendas designed the extra spacing and new indenting, he will be back from AFK on Thursday

All 5 comments

I also noticed there's a large space between some nav items. Not sure if that's intentional.

Screen Shot 2020-06-30 at 9 20 54 AM

/cc @bluefuton can you confirm if the extra space @jancavan noted above is intentional?

Hi @sixhours 馃憢 I will have to defer to @Automattic/lighthouse here as they made the referenced changes to the sidebar.

@bluefuton thanks for the ping, @evilluendas designed the extra spacing and new indenting, he will be back from AFK on Thursday

Hello! The space is intentional, but it was added to somewhat help with the lack of hierarchy. I'm not very familiarized with Calypso design patterns and I wasn't able to find any existing pattern that indented items with icon, but if hierarchy can be achieved in a better way I'm totally in favor of removing those spaces. 馃憤

Was this page helpful?
0 / 5 - 0 ratings