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

Style Book: Ability to focus on individual block types. #53432

Closed
jameskoster opened this issue Aug 8, 2023 · 5 comments
Closed

Style Book: Ability to focus on individual block types. #53432

jameskoster opened this issue Aug 8, 2023 · 5 comments
Labels
[Feature] Style Book Global Styles Anything related to the broader Global Styles efforts, including Styles Engine and theme.json Needs Design Needs design efforts. [Type] Enhancement A suggestion for improvement.

Comments

@jameskoster
Copy link
Contributor

Screenshot 2023-08-08 at 16 25 42

Clicking a block in Style Book takes you to the Inspector panel for the global styles of that block. However all the other blocks remain visible on the canvas which can be distracting.

Let's explore ways a user might focus on individual blocks. This could be an environment in which to include variations and states like hover/active.

@jameskoster jameskoster added [Type] Enhancement A suggestion for improvement. Needs Design Needs design efforts. Global Styles Anything related to the broader Global Styles efforts, including Styles Engine and theme.json labels Aug 8, 2023
@annezazu
Copy link
Contributor

Related feedback coming in from the twenty-fifth call for testing for the FSE Outreach Program:

Using the Style Book – I was hoping to be able to make changes to the H2 specifically while viewing a preview. It wasn’t made clear anywhere what the hierarchy of editing headings was to edit the ‘Heading’ element for styles that go across all headings, but could then make individual changes to different headings under Typography > Headings.

In particular, I see this as being related to having a more isolated editing experience.

@daveloodts
Copy link

Hi, that's a nice feature to have.
But referring back to the ticket #41119, hybrid themes won't go away. Certainly for sites that want 100% control over header and footer. In my case that are e-commerce sites. There is so much going on in an e-commerce header; let alone the difference between desktop and mobile. I can't see any option besides a shortcode in the current FSE header.

I sense that a direction is chosen eitherway, WordPress is splitted.
But i was just wondering: what is for hybrid themes the easiest way to make use of the kitchen sink overview. I guess just dropping a theme.json won't do it.

@richtabor
Copy link
Member

I feel this could be overwhelming navigating in and out of individual block instances. It's already difficult orienting when navigating between templates, pages, and patterns—I'm not confident in introducing another step here. It would require you to navigate back to the stylebook proper before selecting another block, requiring many more clicks to style. I don't think that would be worth the advantage of focusing on a singular block at a time.

@jameskoster
Copy link
Contributor Author

Yeah this needs to be re-evaluated based on the outcome of #66376.

@richtabor
Copy link
Member

Let's close this as not-planned for now, and if we find that we should revisit this we'll think it through again. Thanks!

@richtabor richtabor closed this as not planned Won't fix, can't repro, duplicate, stale Nov 8, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Style Book Global Styles Anything related to the broader Global Styles efforts, including Styles Engine and theme.json Needs Design Needs design efforts. [Type] Enhancement A suggestion for improvement.
Projects
None yet
Development

No branches or pull requests

5 participants