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

Consider updating Styles icon in light of split tabs for block settings #49242

Open
annezazu opened this issue Mar 21, 2023 · 3 comments
Open
Labels
General Interface Parts of the UI which don't fall neatly under other labels. Global Styles Anything related to the broader Global Styles efforts, including Styles Engine and theme.json Needs Design Feedback Needs general design feedback. Needs Design Needs design efforts. [Type] Enhancement A suggestion for improvement.

Comments

@annezazu
Copy link
Contributor

What problem does this address?

With the introduction of the split settings in the block settings, the Settings icon was reimagined but the Styles icon wasn't: #40204 (comment) When using the Site Editor, where the same icon is used for the Styles interface, it's a bit visually confusing:

Screen Shot 2023-03-21 at 11 04 17 AM

What is your proposed solution?

Update either of the icons: split styles tab or the Styles icon.

@annezazu annezazu added General Interface Parts of the UI which don't fall neatly under other labels. Needs Design Feedback Needs general design feedback. Needs Design Needs design efforts. Global Styles Anything related to the broader Global Styles efforts, including Styles Engine and theme.json labels Mar 21, 2023
@jasmussen
Copy link
Contributor

I wonder if a palette icon could work for the styles tab?

Screenshot 2023-05-23 at 10 07 49

@mtias
Copy link
Member

mtias commented Jun 2, 2023

I actually think the connection is very useful to communicate how things work and relate. This tab is the local instance of what global styles manages.

@flabernardez
Copy link

Yes, indeed, many of my students are confused between global styles and individual block styles. For those unfamiliar with interfaces, these two icons can be quite confusing. At first glance, we might think, "Yes, the meanings are related." However, from an accessibility standpoint, some users may inadvertently end up in the Site Editor, potentially altering things they did not intend to. A redesign of one of these icons might be necessary.

@jordesign jordesign added the [Type] Enhancement A suggestion for improvement. label Jul 26, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
General Interface Parts of the UI which don't fall neatly under other labels. Global Styles Anything related to the broader Global Styles efforts, including Styles Engine and theme.json Needs Design Feedback Needs general design feedback. Needs Design Needs design efforts. [Type] Enhancement A suggestion for improvement.
Projects
None yet
Development

No branches or pull requests

5 participants