web-component-designer icon indicating copy to clipboard operation
web-component-designer copied to clipboard

Implement full Flexbox Support

Open jogibear9988 opened this issue 2 years ago • 0 comments

User Story:

As a user of the designer I want be able to use flexbox as a display mode of a html-element.

If I switch top FlexBox, helper overlays should appear wich helps to modify the FlexBox (direction, gap, ...). The controls inside of the Flexbox should be orderable via mouse and also should be resizable.

Also new controls should be addable via drag/drop to the flexbox, and also be possible to drag outside.

And also we need to think about how we order the items in the flexbox, via order css property, via order in dom,.. maybe configurable?

Also the Flexbox should show an Overlay with it's borders, margins, sizes,....

jogibear9988 avatar Feb 10 '22 19:02 jogibear9988

reorder is now possible

jogibear9988 avatar Oct 11 '22 11:10 jogibear9988