feat: drag-and-drop reorder for daily focus items

Add HTML5 drag-and-drop within domain groups on the focus page.
Items can be dragged to reorder within their domain; cross-domain
drag is prevented. Uses hidden form POST (no fetch/XHR). Arrow
buttons kept as fallback.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-03 15:58:05 +00:00
parent 4c072beec0
commit 1a6b3fac1d
3 changed files with 94 additions and 2 deletions

View File

@@ -1107,6 +1107,11 @@ a:hover { color: var(--accent-hover); }
transition: width 0.3s;
}
/* ---- Focus Drag-and-Drop ---- */
.focus-drag-row { cursor: grab; }
.focus-drag-row.dragging { opacity: 0.4; background: var(--accent-soft); }
.focus-drag-row.drag-over { box-shadow: 0 -2px 0 0 var(--accent) inset; }
/* ---- Reorder Grip Handle ---- */
.reorder-grip {
display: inline-flex;