Support two align variations: "full-width" and "wide".

[mtias]

Instead of single setting for full bleed images, it can be a "stepped" control—wide, wider, fullwidth. It needs some design work for the UI. It can work really well with galleries and hero-image.

[jasmussen]

Here are two approaches. The one literally has steps (design input appreciated, this configuration doesn't feel optimal):

Alternately, we add another button to the toolbar:

👆 From left to right, that's float left, center, float right, wide, full-width.

[karmatosed]

Would the button in toolbar appear just for images? We are training people UI wise to expect actions in the toolbar, so we should as a result not change that with this UI.

[jasmussen]

Would the button in toolbar appear just for images?

With very few exceptions (I think List might not have any alignments in the first version) we'd have only two types of alignments: text alignments (for text specific blocks) and block level block level alignments, which you see here.

We are training people UI wise to expect actions in the toolbar, so we should as a result not change that with this UI.

Can you elaborate?

[karmatosed]

Can you elaborate?

It depends where the placing is. We seem to have a training of:

• Interact with block
• Action toolbar (for want of better word) appears

If we follow that then it makes sense.

I may just need to see this in prototype as assuming from the images.

[jasmussen]

Here's a blueprint for the various terms we've dubbed.

The toolbar docked to the block is the Quick Toolbar, and the button that would control alignment would be the Block Level Formatting group. In the blueprint it shows block level formatting for text, i.e. text alignments. But for any other block, image included, this would instead show layout alignments, like float left, center, right, wide, full width.

[jasmussen]

@mtias having thought about this for a long time now, I think the best we can do here is add the extra icon:

It's the least mystery meat of all the solutions I've explored, and it keeps the behavior or the buttons to simply be toggles, not steppers. What do you think? I can add the dashicon real quick, then perhaps we can get in the full-bleed branch soon also?

[mtias]

And this one would be an intermediary step wide instead of full-wide which the theme would handle?

[jasmussen]

Yes, that step would be wide, and

would be full-wide

[mtias]

Sounds good.

[jasmussen]

New icon upstream in Dashicons: WordPress/dashicons#191

[jasmussen]

This is fixed in master now! 🎉