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

Published 20 hours ago • verified publisher icon node-projects

Add support for CSS Grid

Open jogibear9988 opened this issue 2 years ago • 5 comments

We need real support for CSS Grid in the Designer:

  • Posssibility to Create Grids, define Columns, Rows, Areas, ...
  • Positioning in Grid so Components could be moved in Grid
  • Resizeing in Grid so Components could span more Grid Rows or Columns

Also basic Container Tasks need to be fixed:

  • Paste into container
  • Drag Elemnt directly into Container
  • How to position inside of the Container? (There are multiple possibilities in CSS like absolute via top/left/bottom/right, via transform, via margin, additional in grid: via order, via areaNames, ...)

jogibear9988 avatar Jan 28 '22 22:01 jogibear9988

https://grid.layoutit.com/

jogibear9988 avatar Feb 27 '22 11:02 jogibear9988

https://webflow.com/grid

jogibear9988 avatar Feb 27 '22 11:02 jogibear9988

https://tiberiuzuld.github.io/angular-gridster2/

jogibear9988 avatar Dec 04 '22 07:12 jogibear9988

image look at [editorx](https://de.editorx.com/) for inspiration

jogibear9988 avatar Dec 31 '22 07:12 jogibear9988

https://de.editorx.com/

jogibear9988 avatar Jan 09 '23 10:01 jogibear9988