fix(dashboard): replace hover row-actions with kebab menu, fix modal button reset and delete color

- Bug 1: hover actions covered total column; replaced with kebab dropdown in dedicated 44px column
- Bug 2: resync/delete buttons kept stale state across modal opens; reset in modal init block
- Bug 3: delete success button was green (btn-success); changed to red (btn-danger)
- Dropdown styled per DESIGN.md: warm shadow, 8px radius, dark mode tokens

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Claude Agent
2026-04-09 15:10:40 +00:00
parent 25f73db64d
commit e223128565
5 changed files with 35 additions and 21 deletions

View File

@@ -393,19 +393,27 @@ input[type="checkbox"] {
padding: 4px 8px;
}
/* Dashboard row hover actions */
#dashOrdersBody tr { position: relative; }
#dashOrdersBody tr .row-actions {
display: none;
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
gap: 4px;
z-index: 1;
/* Dashboard kebab dropdown */
.kebab-dropdown .btn { color: var(--text-muted); }
.kebab-dropdown .btn:hover { color: var(--text-secondary); }
.kebab-dropdown .dropdown-menu {
box-shadow: var(--card-shadow);
border-radius: 8px;
border: 1px solid var(--border);
background: var(--surface);
font-family: var(--font-body);
font-size: 13px;
min-width: 160px;
}
#dashOrdersBody tr:hover .row-actions {
display: inline-flex;
.kebab-dropdown .dropdown-item { font-size: 13px; padding: 6px 12px; }
.kebab-dropdown .dropdown-item:hover { background: var(--surface-raised); }
[data-theme="dark"] .kebab-dropdown .dropdown-menu {
background: var(--surface);
border-color: var(--border);
color: var(--text-primary);
}
[data-theme="dark"] .kebab-dropdown .dropdown-item:hover {
background: var(--surface-raised);
}
/* ── Forms ───────────────────────────────────────── */