dashboard: drop the approvals queue
Y3R C4LL is the operator inbox alone: no P3NDING APPR0VALS section, no approval cards or history, no approval_resolved subscription, no approval browser notifications, and the tab count and title prefix count unread operator messages only. The H0M3 tile text drops "approvals". The deny form was the only data-prompt form, so bindAsyncForms' prompt branch, themedPrompt and its dialog styles go too, along with the approval-only CSS (.approval*, .approvals-history, .btn-deny, the status/glyph colours and .history-note).
This commit is contained in:
parent
58ef299c3c
commit
ac1caef972
13 changed files with 32 additions and 584 deletions
|
|
@ -496,55 +496,6 @@ hive-agent-menu {
|
|||
}
|
||||
}
|
||||
|
||||
/* Pending approval: a card with three stacked sections — identity
|
||||
header, what-changed body, decision actions. */
|
||||
.approvals {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0.4em 0 0;
|
||||
}
|
||||
.approval-card {
|
||||
background: var(--bg-elev);
|
||||
border: 1px solid var(--border);
|
||||
border-left: 3px solid var(--purple);
|
||||
border-radius: 4px;
|
||||
padding: 0.6em 0.8em;
|
||||
margin-bottom: 0.6em;
|
||||
}
|
||||
.approval-head {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.3em;
|
||||
}
|
||||
.approval-ts {
|
||||
margin-left: auto;
|
||||
color: var(--muted);
|
||||
font-size: 0.85em;
|
||||
}
|
||||
.approval-ts.stale {
|
||||
color: var(--amber);
|
||||
text-shadow: 0 0 6px color-mix(in srgb, var(--amber) 50%, transparent);
|
||||
}
|
||||
.approval-body {
|
||||
margin: 0.45em 0;
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
.approval-description {
|
||||
font-size: 0.9em;
|
||||
color: var(--fg);
|
||||
white-space: pre-wrap;
|
||||
margin-bottom: 0.35em;
|
||||
}
|
||||
.approval-actions {
|
||||
display: flex;
|
||||
gap: 0.5em;
|
||||
padding-top: 0.45em;
|
||||
border-top: 1px solid var(--border);
|
||||
}
|
||||
.approval-actions form.inline {
|
||||
display: inline;
|
||||
}
|
||||
/* Inline drill-in triggers (logs / config repo / view diff). */
|
||||
.drill-ins {
|
||||
display: flex;
|
||||
|
|
@ -556,91 +507,6 @@ hive-agent-menu {
|
|||
margin-top: 0;
|
||||
}
|
||||
|
||||
.approval-tabs {
|
||||
display: flex;
|
||||
gap: 0.4em;
|
||||
margin: 0.6em 0 0.4em;
|
||||
}
|
||||
.approval-tab {
|
||||
background: transparent;
|
||||
border: 1px solid var(--border);
|
||||
color: var(--muted);
|
||||
font: inherit;
|
||||
font-size: 0.85em;
|
||||
letter-spacing: 0.08em;
|
||||
padding: 0.25em 0.9em;
|
||||
cursor: pointer;
|
||||
transition:
|
||||
color 0.15s ease,
|
||||
border-color 0.15s ease,
|
||||
background 0.15s ease;
|
||||
}
|
||||
.approval-tab:hover {
|
||||
color: var(--fg);
|
||||
}
|
||||
.approval-tab.active {
|
||||
color: var(--purple);
|
||||
border-color: var(--purple);
|
||||
background: color-mix(in srgb, var(--purple) 8%, transparent);
|
||||
text-shadow: 0 0 4px currentColor;
|
||||
}
|
||||
/* History items: lighter card treatment so they're visually coherent with
|
||||
the pending .approval-card items above them. Left accent colour reflects
|
||||
the outcome via :has() on the per-status glyph span. */
|
||||
.approvals-history li {
|
||||
background: color-mix(in srgb, var(--bg-elev) 40%, transparent);
|
||||
border: 1px solid var(--border);
|
||||
border-left: 3px solid var(--subtext0);
|
||||
border-radius: 3px;
|
||||
padding: 0.35em 0.8em;
|
||||
margin-bottom: 0.4em;
|
||||
}
|
||||
.approvals-history li:has(.glyph-approved) {
|
||||
border-left-color: var(--green);
|
||||
}
|
||||
.approvals-history li:has(.glyph-denied) {
|
||||
border-left-color: var(--red);
|
||||
}
|
||||
.approvals-history li:has(.glyph-failed) {
|
||||
border-left-color: var(--amber);
|
||||
}
|
||||
.approvals-history .status {
|
||||
font-size: 0.85em;
|
||||
padding: 0 0.5em;
|
||||
}
|
||||
.status-approved {
|
||||
color: var(--green);
|
||||
}
|
||||
.status-denied {
|
||||
color: var(--red);
|
||||
}
|
||||
.status-failed {
|
||||
color: var(--amber);
|
||||
}
|
||||
.status-cancelled {
|
||||
color: var(--muted);
|
||||
}
|
||||
.glyph-approved {
|
||||
color: var(--green);
|
||||
}
|
||||
.glyph-denied {
|
||||
color: var(--red);
|
||||
}
|
||||
.glyph-failed {
|
||||
color: var(--amber);
|
||||
}
|
||||
.glyph-cancelled {
|
||||
color: var(--muted);
|
||||
}
|
||||
|
||||
.history-note {
|
||||
margin-left: 1.8em;
|
||||
margin-top: 0.2em;
|
||||
color: var(--muted);
|
||||
font-size: 0.85em;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-word;
|
||||
}
|
||||
ul form.inline {
|
||||
display: inline-block;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue