User makes Columns wrap within a Column group

[magento-engcom-team]

As a Marketer I want to make columns wrap inside the Column group so that I have more flexibility defining columns layout that I can use when setting layouts for different breakpoints

Preconditions

• Admin User is logged into Admin Panel
• Admin User creates a new entity that supports Page Builder
• Columns are added to the Stage

Acceptance Criteria

• User can set columns in the column group to be more than 100% width total. Single column can never be more than 100% column group width.
• User moves column into another line of the Column group by dragging it there (on top or underneath of the current line). If there are other columns, it retains the original size by resizing other columns. If there are no other columns in the column group line, it takes 100% of the column group line width
• User resizes column horizontally within the column group line only so columns that are in the line always stay in that line until user drags a column outside.
• User sees that column retains its size when moved or duplicated
• User can drag a new column to add between smallest columns. If there is not enough space in the line to take up, columns wrapping (removed as not applicable after discussion with <~ybannykh>)

Duplication and resizing rules:

1. Main Rule: Colum{}O{}(original) and Column{}D{}(Duplicant) should try to keep their original size, free size should be cut from the biggest  column
2. {}Edge case{}: if  Colum{}O{} is the biggest one in the line, it will be split (50%/50%)

[magento-engcom-team]

The issue was exported from the internal JIRA. The link to the original JIRA issue: https://jira.corp.magento.com/browse/PB-108

[m2-assistant]

Hi @magento-engcom-team. Thank you for your report.
To help us process this issue please make sure that you provided sufficient information.

Please, add a comment to assign the issue: @magento I am working on this

---

• Join Magento Community Engineering Slack and ask your questions in #github channel.