feat(web/mazenet): port-drag edges, context menus, delete actions

This commit is contained in:
2026-04-20 19:26:49 -04:00
parent 0401cccd1d
commit 6db5842a28
8 changed files with 320 additions and 34 deletions

View File

@@ -277,7 +277,8 @@
/* ── Context menu ───────────────────────────── */
.ctx-scrim { position: absolute; inset: 0; z-index: 30; }
.ctx-menu {
position: absolute; z-index: 40;
position: fixed; z-index: 1000;
width: auto; border-radius: var(--radius-0, 0);
background: var(--panel); border: 1px solid var(--violet);
min-width: 200px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.8), var(--violet-glow);
@@ -289,9 +290,14 @@
margin-bottom: 4px;
}
.ctx-item {
display: flex; align-items: center; gap: 8px;
display: flex; align-items: center; gap: 8px; width: 100%;
padding: 7px 12px; font-size: 0.74rem; cursor: pointer; letter-spacing: 0.5px;
background: transparent; border: 0; color: var(--matrix); text-align: left;
font-family: inherit;
}
.ctx-item:disabled { opacity: 0.35; cursor: not-allowed; }
.ctx-item:disabled:hover { background: transparent; color: inherit; }
.ghost-edge.snap { stroke: var(--matrix); opacity: 0.9; }
.ctx-item:hover { background: var(--violet-tint-10); color: var(--violet); }
.ctx-item.danger { color: var(--alert); }
.ctx-item.danger:hover { background: rgba(255, 65, 65, 0.12); }