List block: explore dropdowns.

[jasmussen]

The List block looks like this:

So as to optimize and group items, we should explore collapsing the list type and tools in dropdowns, like so:

This would also potentially afford some interesting additional list types, like ordered with letters.

[jasmussen]

As you can see from my ticket rename, I was originally drafting a different ticket ;)

[paaljoachim]

Companion issue: #17738

[karmatosed]

I think exploring any reduction to drop-downs for the toolbar makes sense. It also benefits all screen sizes and reduces cognitive load.

[paaljoachim]

This is a very good idea!
We have the list type options as primary options directly in the toolbar.

[mapk]

I noticed in the description that the toolbar isn't reflecting the list type chosen.

I'm guessing this is an oversight, and it would look like this:

[mapk]

I'll also note that the icons there are really starting to look too similar. In the Figma library, they look like this:

The Figma options feel different enough to provide an easier understanding.

[richtabor]

Had some thoughts here. The > < buttons are an action you do multiple times perhaps, I'm not 100% that they should be in the dropdown. To indent a list item, you'd need to click on the icon, then click the correct dropdown item - instead of currently where you can move it in and out quickly.

[paaljoachim]

Here is an example from the Image block alignment controls.

We can take out the alignment icons and put in list type icons when used in the List block.
Giving users the option to switch between various List icons just in a similar way to how one switches between alignment options.

[jasmussen]

Eagle eyes. Thankfully the icons have already been updated in the code, to this:

Additionally in revisiting this, I'd remove the separator between the two items as they are related:

Had some thoughts here. The > < buttons are an action you do multiple times perhaps, I'm not 100% that they should be in the dropdown. To indent a list item, you'd need to click on the icon, then click the correct dropdown item - instead of currently where you can move it in and out quickly.

Is this an often enough occurrence that it needs separate buttons vs. be grouped in the dropdown?

[jasmussen]

In light of the List block receiving nesting, I'm going to close this one as essentially obsolete. There are still aspects of the conversation here that may be relevant, so they're crosslinked from the nesting work in #39605 (comment).