Skip to content

feat(editor): add cut-out button to floating action menu for slabs and ceilings#224

Merged
Aymericr merged 1 commit intomainfrom
feat/slab-cutout-floating-button
Apr 13, 2026
Merged

feat(editor): add cut-out button to floating action menu for slabs and ceilings#224
Aymericr merged 1 commit intomainfrom
feat/slab-cutout-floating-button

Conversation

@open-pascal
Copy link
Copy Markdown
Collaborator

When selecting a floor slab or ceiling node, the floating UI buttons now include a cut-out icon (carbon:cut-out) that directly creates a hole and enters edit mode.

This makes the workflow much more intuitive — no need to navigate to the side panel to add a hole.

Changes

  • NodeActionMenu: new onAddHole prop with carbon:cut-out icon
  • FloatingActionMenu: wire up handleAddHole for slab/ceiling types
  • Add ceiling to ALLOWED_TYPES so the floating menu appears for ceilings too
  • Separate HOLE_TYPES from DELETE_ONLY_TYPES for cleaner type gating

Before

Slab selected → only Delete button in floating menu. Had to open side panel → Holes section → Add Hole.

After

Slab selected → Cut Out ✂️ + Delete in floating menu. One click to start cutting a hole.

…d ceilings

When selecting a floor slab or ceiling node, the floating UI buttons now
include a cut-out icon (carbon:cut-out) that directly creates a hole and
enters edit mode. Much more intuitive than navigating to the side panel.

Changes:
- NodeActionMenu: add onAddHole prop with carbon:cut-out icon
- FloatingActionMenu: wire up handleAddHole for slab/ceiling types
- Add ceiling to ALLOWED_TYPES so the floating menu appears for ceilings too
- Separate HOLE_TYPES from DELETE_ONLY_TYPES for cleaner type gating
@Aymericr Aymericr merged commit b25be82 into main Apr 13, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants