Skip to content

Add support for wide/full-width Alignment options #2463

@pinarol

Description

@pinarol

Let's start to think about how we can bring wide/full-width Alignment options into mobile. They are very useful in pages and starter page layouts(mostly homepage layouts).

Screen Shot 2020-07-07 at 12 16 00

For this issue I am thinking about only focusing on wide/full-width, but not on 'left, right, center'.

Current blocks that support wide/full-width:

  • Gallery
  • Cover
  • Columns
  • Image
  • Group
  • Media-Text
  • Pull Quote
  • Video

Describe the solution you'd like

Technically I would like to focus on a solution that can work based on the support flags "align", "alignWide" to keep parity with web. If align:true is present in the support flags we should display the alignment options in the toolbar. There's one exception, if we have alignWide:false then we shouldn't be displaying wide/full-width options.

supports: {
    align: true
}

I'll leave the UX side for @iamthomasbishop.

  • How wide/full-width should be looking on portrait/landscape modes?

Metadata

Metadata

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions