Expose Style Book in Styles details view

[mtias]

Let's add a control to easily dive into the Style Book from the Site Editor > Styles panel.

Visual

Added by @richtabor for feedback.

[jasmussen]

The eye seems the easiest starting point, and does not preclude future changes, so I think we should start with that.

The "Styles" section, I could see in the future, containing other options, such as font sets, or even high level color palette switching. That's something to be explored, but if that were the case we'd need another detail page before you get to style variations like we have now. In such a context, we could consider the style book being a menu item. Even then, so long as the style book lives inside the fullscreen view, its context near the edit button seems useful.

[richtabor]

In such a context, we could consider the style book being a menu item. Even then, so long as the style book lives inside the fullscreen view, its context near the edit button seems useful.

I'm thinking the same. 👌

[annezazu]

Curious how we can, in adding the Style Book here, also ensure the Style settings open up properly when selecting on individual items:

style.book.mov

This is a high impact part of the Style Book implementation right now and I could see this being a jarring flow currently if it dropped you out of the Site View and into the Edit View with the Style settings open.

[richtabor]

ensure the Style settings open up properly when selecting on individual items

This was resolved recently in #49350 I think.

[annezazu]

Exactly! I'm saying that's a high impact feature to ensure works intuitively in this experience too. Right now, I think it would be pretty jarring to go to Design > Styles > Open Style Book and click on a block only to have you moved out of the Site View and into the Edit View with Styles open.

[richtabor]

Design > Styles > Open Style Book

I think this action would invoke Style Book entirely, bringing you into Edit View with Styles open and triggering Style Book. Just like how the "Edit" brings you into the Edit View, with Global Styles open.

[andrewserong]

I've had a go at this one over in #50566