9673f15c11
Dashboard bare-run repair, census/token cluster. Real product bugs: the Command Center activity panel (FN-8866) and structural-mail badge (FN-8872) referenced undefined --space-* tokens, zeroing their gaps/padding — mapped to the defined named scale; the settings search index lagged FN-8829/FN-9021 additions and FN-8855's requiredChecks entry had no scroll anchor (now a SettingsTextRow). Test-side: the theme census learns FN-8730's intentional midnight theme, and the Chromium touch-resize suite self-gates with describe.runIf per the sibling browser-lane convention (CI/FUSION_BROWSER_SMOKE_REQUIRE still fail loudly; all 62 tests still run where Chromium exists). Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
75 lines
2.1 KiB
CSS
75 lines
2.1 KiB
CSS
/* FNXC:StructuralMail 2026-08-09-09:09: Reports and approval references need a compact structural treatment without changing ordinary mail. */
|
|
/* FNXC:StructuralMail 2026-08-16-05:07: FN-8872 referenced undefined --space-2xs, which invalidated the badge padding to 0. --space-2xs is intentionally undefined (see space-token-defined.test.ts); use the established calc(var(--space-xs) / 2) half-step for the compact block padding instead. */
|
|
.mailbox-kind-badge {
|
|
border-radius: var(--radius-sm);
|
|
display: inline-flex;
|
|
font-size: var(--font-size-xs);
|
|
font-weight: var(--font-weight-medium);
|
|
margin-inline-start: var(--space-xs);
|
|
padding: calc(var(--space-xs) / 2) var(--space-xs);
|
|
}
|
|
|
|
.mailbox-kind-badge--report {
|
|
background: color-mix(in srgb, var(--color-info) 16%, transparent);
|
|
color: var(--color-info);
|
|
}
|
|
|
|
.mailbox-kind-badge--approval {
|
|
background: color-mix(in srgb, var(--color-warning) 16%, transparent);
|
|
color: var(--color-warning);
|
|
}
|
|
|
|
.mailbox-structural-report,
|
|
.mailbox-structural-approval {
|
|
border: var(--border) solid var(--border-subtle);
|
|
border-radius: var(--radius-md);
|
|
margin-block-start: var(--space-md);
|
|
padding: var(--space-md);
|
|
}
|
|
|
|
.mailbox-structural-report h3,
|
|
.mailbox-report-section h4 {
|
|
margin-block: 0 var(--space-sm);
|
|
}
|
|
|
|
.mailbox-report-section + .mailbox-report-section {
|
|
border-block-start: var(--border) solid var(--border-subtle);
|
|
margin-block-start: var(--space-md);
|
|
padding-block-start: var(--space-md);
|
|
}
|
|
|
|
.mailbox-inline-approval {
|
|
display: grid;
|
|
gap: var(--space-sm);
|
|
}
|
|
|
|
.mailbox-inline-approval-actions {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--space-sm);
|
|
}
|
|
|
|
.mailbox-inline-approval textarea {
|
|
min-height: var(--space-3xl);
|
|
}
|
|
|
|
.mailbox-inline-approval button:focus-visible {
|
|
outline: var(--focus-ring-strong);
|
|
}
|
|
|
|
.mailbox-approval-unresolvable,
|
|
.mailbox-inline-approval-status {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.mailbox-structural-report,
|
|
.mailbox-structural-approval {
|
|
padding: var(--space-sm);
|
|
}
|
|
|
|
.mailbox-inline-approval-actions .btn {
|
|
min-height: var(--space-2xl);
|
|
}
|
|
}
|