Order of "supports" panels

[mtias]

Right now the order of panels is not reflective of their importance, particularly border being so prominent. Let's revise it towards:

• Layout
• Color
• Typography
• Dimensions
• Border
• Advanced

[ramonjd]

I've swapped the styles supports order for now in #35574

The Dimensions Inspector Controls group is, however, rendered as the next to last Slot, before the Advanced controls, so it'll always render in that position.

I think we need to pick up on @gziolo's idea in #34069 to achieve more control over the order of Inspector Control slots.

Now, there is a question about what we do about Global Styles UI. If that should be a single group or we should have more groups, for example:

• default
• layout
• typography
• border
• color
• dimensions

I'll get stuck into that straight away, but also cc @aaronrobertshaw for a confidence check on this opinion first :)

[ramonjd]

I'll get stuck into that straight away, but also cc @aaronrobertshaw for a confidence check on this opinion first :)

Answered here: #35574 (comment)

The grouped inspector controls slots will add a bit of a wrinkle to this as you mentioned. It might be handy to know that I'm creating these new inspector control groups as part of switching the block support panels to use the ToolsPanel.

These new groups/panels were being approached one at a time, typography, color, then border. I'm not sure there is a quicker or more efficient means of adopting the new groups/approach.

Obviously, this can be landed to get us one step closer if there is a hurry to improve it. Otherwise, we could address it incrementally, ensuring the panel switch PRs match the proposed order.

Thank you!

[aaronrobertshaw]

The Dimensions Inspector Controls group is, however, rendered as the next to last Slot, before the Advanced controls, so it'll always render in that position.

The other block support panels will be switched to use new inspector control groups when they are updated to use the ToolsPanel.

At this point, I've only updated the typography panel PR. The color and border panel PRs will be updated in the next couple of days. As I do this, I'll make sure the panels are as close to the proposed order as possible.

I think we need to pick up on @gziolo's idea in #34069 to achieve more control over the order of Inspector Control slots.

I'm a little behind with regards to the Global Styles sidebar, I know it's been overhauled recently. With its new presentation is this ordering applicable or is it only for block supports?

[ramonjd]

I'm a little behind with regards to the Global Styles sidebar, I know it's been overhauled recently. With its new presentation is this ordering applicable or is it only for block supports?

That's a good question, thanks for reminding me. I had screenshots I prepared earlier to raise this, but... you know, forgot :)

Here's what I'm seeing in the Site Editor:

I'd assume the order would persist throughout the app?

[aaronrobertshaw]

Yeah, so from those screenshots I'd take it that we won't be re-grouping all the panels, only swapping the positions of typography and layout from the first screenshot.

[mtias]

I'm a little behind with regards to the Global Styles sidebar, I know it's been overhauled recently. With its new presentation is this ordering applicable or is it only for block supports?

Only for block supports for now. In global styles, only the per-block categories would reflect that order. The root level will remain as the design above.

[aaronrobertshaw]

With the color panel switching to using the ToolsPanel and the grouped InspectorControls slot, the order of the block support panels now match the order outlined in this issue. I'll close this as a result.