b293525751
Fixes ~19 deterministic dashboard test failures pre-existing on origin/main (non-blocking full-suite lane). Mix of real product fixes and stale-test reconciliation; no appeasement (no widened timeouts, skips, or weakened assertions). Product CSS fixes (real regressions the guards caught): - Info toast contrast: shadcn-custom light theme had white-on-#0284c7 (4.10, below WCAG AA 4.5); enrolled it in the light-mode dark-text correction. - 27 undefined CSS token references (typos/foreign tokens) renamed to canonical defined tokens; defined the genuinely-intended --border-strong and --right-dock-min/max-width. - Raw rgba() box-shadow fallback tokenized to color-mix; dev-server mobile header split into its own responsive rule. Stale tests reconciled with intentional product changes: - workflowColumns graduated to always-on (board-workflows unit test). - workflow optional-steps source re-pointed to v2 optional-group nodes. - command-center pricing docs (one doc gap filled: openai-codex:* keying). - SetupWizardModal added detectWorkspace + workspaceMode/taskPrefix payload. - board-mobile listener-count assertion → unmount no-throw behavior. - CommandCenterControls / ThemeSelector: default theme relabeled "Fusion Legacy". - ProjectOverview / WorkflowNodeEditor: header divider intentionally removed. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
83 lines
2.3 KiB
CSS
83 lines
2.3 KiB
CSS
/* WorkflowOptionalStepsDropdown — shared optional-step multi-select. The panel
|
|
* renders through a portal (position: fixed) so it is not clipped inside a modal's
|
|
* overflow boundary. */
|
|
|
|
.wf-optional-steps-dropdown {
|
|
display: inline-flex;
|
|
}
|
|
|
|
.wf-optional-steps-dropdown-trigger {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 6px;
|
|
padding: 4px 8px;
|
|
font-size: 0.8rem;
|
|
border: 1px solid var(--border);
|
|
border-radius: var(--radius-sm, 6px);
|
|
background: var(--surface, transparent);
|
|
color: inherit;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.wf-optional-steps-dropdown-trigger:disabled {
|
|
opacity: 0.5;
|
|
cursor: default;
|
|
}
|
|
|
|
.wf-optional-steps-dropdown-panel {
|
|
position: fixed;
|
|
z-index: 1000;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 2px;
|
|
max-height: 320px;
|
|
overflow-y: auto;
|
|
padding: 4px;
|
|
background: var(--surface, #fff);
|
|
border: 1px solid var(--border);
|
|
border-radius: var(--radius-sm, 6px);
|
|
/* FNXC:DashboardThemeTokens 2026-06-25-13:15: Shadow fallback must stay tokenized via color-mix, never a raw alpha color call, so the global/component no-raw-rgb CSS hygiene guards pass. */
|
|
box-shadow: var(--shadow-md, 0 6px 20px color-mix(in srgb, #000000 18%, transparent));
|
|
}
|
|
|
|
.wf-optional-steps-dropdown-option {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
gap: 8px;
|
|
padding: 6px 8px;
|
|
border-radius: var(--radius-sm, 6px);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.wf-optional-steps-dropdown-option:hover,
|
|
.wf-optional-steps-dropdown-option.is-active {
|
|
/* FNXC:DashboardTheming 2026-06-21-00:00: Status/theme-token tests ban raw rgba fallbacks for --surface-hover; use the shared color-mix fallback so every color theme, including newly added shadcn variants, keeps tokenized hover surfaces. */
|
|
background: var(--surface-hover, color-mix(in srgb, var(--surface) 90%, var(--text) 10%));
|
|
}
|
|
|
|
.wf-optional-steps-dropdown-option:focus-visible {
|
|
outline: 2px solid var(--accent, #4f7cff);
|
|
outline-offset: -2px;
|
|
}
|
|
|
|
.wf-optional-steps-dropdown-option-body {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 2px;
|
|
min-width: 0;
|
|
}
|
|
|
|
.wf-optional-steps-dropdown-option-name {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 6px;
|
|
font-size: 0.8rem;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.wf-optional-steps-dropdown-option-desc {
|
|
font-size: 0.72rem;
|
|
color: var(--text-muted);
|
|
}
|