mirror of
https://github.com/BetterCorp/BetterFrame.git
synced 2026-05-26 17:56:34 +00:00
Browser-side layout editor (no build step, vanilla JS): - Click to select cells - Drag edges (right/bottom/corner handles) to resize col_span/row_span - Drag cells to reposition (row/col) with grid-aware snap - Visual feedback: selection outline, resize handle highlights, drag opacity Server: POST /admin/layouts/:id/cells/:cellId/move route for drag-drop repositioning. Existing /resize route handles span changes. CSS: inline resize handle styles + selection state. Handles appear on hover (6px edge bars + 12px corner square). layout-editor.js loaded via /static/. Activates on any grid with data-layout-editor="<layoutId>" attribute. Compatible with htmx — re-initializes after swap via htmx:afterSettle listener. data-cell-id attribute added to each .layout-cell div for JS targeting. |
||
|---|---|---|
| .. | ||
| src | ||
| .gitignore | ||
| bsb-tests.json | ||
| package.json | ||
| tsconfig.json | ||