michael/ProdDash
1
0
Fork 0
Code Issues Pull Requests 3 Actions Packages Projects Releases 1 Wiki Activity

Admin: a module card is a status line until you open it

Browse Source 
Every module's settings were always spread out, so the page read as a wall
of forms. A card now shows what you check at a glance — dot, name, version,
description, status readout, the enabled switch, Uninstall — with one button
at the bottom right: Configure opens the settings and becomes Apply, which
saves without closing them. Clicking the module name opens and closes the
settings too (keyboard as well: it is a focusable button). A card stays open
across a reload for the rest of the session, so re-checking something after
an Apply doesn't fold it away. A module with nothing to configure has no
button.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
Waters Church
2026-09-13 14:03:10 -04:00
co-authored by Claude Fable 5.1
parent b9d9e2894a
commit e7b0ea6ebf
2 changed files with 30 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/admin/admin.css
+5 -2
View File
@@ -295,13 +295,16 @@ details.field-group > summary.field-group-title:hover { color: var(--text); }
}
.field.switch-field .switch-label { font-size: 13px; }
/* status on the left, Apply on the right */
/* the card's one action row: status on the left, Configure / Apply on the right */
.module-actions {
display: flex;
align-items: center;
gap: 10px;
margin-top: 4px;
margin-top: 10px;
}
.module-name.is-toggle { cursor: pointer; }
.module-name.is-toggle:hover,
.module-name.is-toggle:focus-visible { color: var(--accent); outline: none; }
.module-actions .admin-status { flex: 1; margin-top: 0; }
.module-actions .btn { margin-left: auto; }