Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Site Editor] Templates list screen - make the screen thinner and add truncation to site title. #36657

Closed
paaljoachim opened this issue Nov 19, 2021 · 5 comments
Labels
[Feature] Site Editor Related to the overarching Site Editor (formerly "full site editing") Needs Design Feedback Needs general design feedback. [Type] Enhancement A suggestion for improvement.

Comments

@paaljoachim
Copy link
Contributor

The following is based on testing the PR Gutenberg Build from this PR: #36379 (comment)

What problem does this address?

The black WP left menu area is too wide, and takes too much space based on the items inside of it.

Screenshot 2021-11-19 at 15 55 21

What is your proposed solution?

Make the WP black menu thinner. Use truncation on the site title when needed.

FSE-smaller-list-view

@karmatosed
Copy link
Member

@paaljoachim what about translations and longer names there? I am thinking that whilst we have what we do today there, that section needs to grow and adapt. It also needs to have some spacing for accessibility.

@paaljoachim
Copy link
Contributor Author

Hey @karmatosed Tammie
I just see a lot of air and wonder why there is so much air.
That is why I mentioned truncation. To have a specific character width area and then use truncation for characters after that, or one could perhaps have the site title use a second line if needed. I can always ping @joedolson Joe and hear what he says.

@joedolson
Copy link
Contributor

For consistency, I feel like the menu should probably be the same width as either the customizer sidebar or the admin navigation; I think it would be nice if WordPress followed a consistent layout for all of these various toolsets.

I do think that there are challenges here in figuring out where to provide space; on smaller screens, there can be very little area left for the site you're editing.

I'd prefer to be able to see the entire site title. Particularly in some multisite setups, it's easy to end up with a whole collection of sites following a pattern like "University of California, Los Angeles - Department of Medical History", where truncation could cause serious problems keeping track of things. (Not a real example, so don't go checking out UCLA...)

Other than being able to see the full text of the options, I'm not sure there are any accessibility priorities around the width of the sidebar area.

@annezazu annezazu added [Feature] Site Editor Related to the overarching Site Editor (formerly "full site editing") and removed [Feature] Full Site Editing labels Jul 24, 2023
@annezazu
Copy link
Contributor

Let's close this out in favor of a more recent issue on the topic that has more up to date designs with the current approach in the site editor: #60847

@paaljoachim
Copy link
Contributor Author

Thank you for sharing the link to the other well covered issue, Anne!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Site Editor Related to the overarching Site Editor (formerly "full site editing") Needs Design Feedback Needs general design feedback. [Type] Enhancement A suggestion for improvement.
Projects
None yet
Development

No branches or pull requests

5 participants