WordPress
Block Theme Previews: simplify Site View text or consider splitting out theme name
This was raised by @carolinan as part of the FSE Outreach Program's Rapid Revamp call for testing:
In the Navigation Sidebar, at the top, when the theme name is short, it looks like the theme name contains the word Design: “Previewing Atlas: Design”. While the longer combinations like “Previewing Atlas: Templates” that span over two rows looked very tightly squeezed in between the Back button and the “Add new template” button.
Current view:
I think we could either split out the "preview" text or find a way to emphasize the text differently and make it fix the space better. I'll leave it to @WordPress/gutenberg-design for more thoughts!
It could just say "Previewing", and the theme name could have a unit of its own in the sidebar, potentially. It needs a design, but the context for what you're doing is pretty important and might need a "notice" style piece.
I'd vote for a dedicated element (such as the notice suggestion) rather than prefixing the panel title which feels a bit cumbersome.
It can potentially be combined with the Activate button?
Unless I am mistaken this all now has changed and therefore my recommendation is to close this. We can of course change this should I be wrong, but for now that would be my suggestion.
@karmatosed The screenshot you shared looks like the regular sidebar? The issue is for the block theme previews.
Appearance > Themes Then select the button with the text "Live preview" on an inactive theme.
The line height of this text is now line-height: 32px; so it is more readable, but not great:
The line break can still be problematic. With this short theme name, it doesn't break at all, and there is not enough horisontal spacing.
