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:
@@ -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 ───────────────────────────────────────── */
|
||||
|
||||
Reference in New Issue
Block a user