Consolidate BlockSelectionButton toolbar

[richtabor]

We currently have two cases of the BlockSelectionButton toolbar: a variant when select mode is engaged and an alternative when zoom out (#50739) is engaged.

The key difference between both is that select mode enables you to select blocks of any depth, while zoom out (will) enable you to only select the top-level blocks. The experiences are otherwise quite similar across both—and may even end up merging at some point anyhow, so let's consolidate ahead of time.

Tasks

• Add support for dragging blocks in zoom out mode #59961
• Add block movers to the BlockSelectionButton toolbar in select mode #60126
• Add a delete control to the BlockSelectionButton toolbar #60121
• Remove block name from BlockSelectionButton toolbar #60125

Select mode

In select mode, there is the block icon, drag control, and block name:

Zoom out mode

In zoom out mode (when selecting a top-level block), there is the block icon, mover controls, shuffle icon, block name:

Proposal

Let's have consistent use of block icon, drag, movers, then extra actions—such as shuffling when supported by the block, and a delete control.

It's worth noting that this may become the zoomed-out vertical toolbar for zoomed out mode (and perhaps both, if the modes are combined) (#59737).

[draganescu]

It's worth noting that this may become the zoomed-out vertical toolbar for zoomed out mode

I think this bit makes it so that we should not consolidate.

[richtabor]

I think this bit makes it so that we should not consolidate.

I'm thinking this vertical toolbar may become the only "alternate" toolbar. We don't need the main block toolbar, these two alternates, and a vertical toolbar.

[jeryj]

For the Select mode, I think we should retain the visible text label. There are a lot of different blocks, and the icons are not always clear as to what the block really is. For the zoom-out mode, are the only blocks available Group and Pattern blocks? If only the outer layer items are there, I think it's less important what the thing is (Group, pattern, etc). This mode seems just for arranging, so only having an icon (or ditching it entirely?) could be warranted.

Let's have consistent use of block icon, drag, movers, then extra actions—such as shuffling when supported by the block, and a #60121.

I agree. Having a consistent order would be great.

The experiences are otherwise quite similar across both—and may even end up merging at some point anyhow, so let's consolidate ahead of time.

I think consolidating the design and interactions of these is a good idea. I don't know if we should technically consolidate them into one component yet though. It may make it harder to maintain and work with, especially early on when we're not sure what all we'll need in Zoom out mode.

[richtabor]

For the Select mode, I think we should retain the visible text label. There are a lot of different blocks, and the icons are not always clear as to what the block really is.

What's the difference between select and edit modes? We don't have text labels on toolbars elsewhere.

This mode seems just for arranging, so only having an icon (or ditching it entirely?) could be warranted.

Yes, I expect it to be more rearranging, shuffling.

[richtabor]

Closing this for now