8d3c15eb10
Theme quick-add optional step controls and workflow phase badges with shared dashboard tokens. - Apply the dashboard accent token to optional-step checkboxes in the workflow quick-add dropdown. - Co-locate workflow phase badge styles with the shared badge helper so all badge surfaces inherit themed colors. - Add CSS regression coverage for themed checkboxes, phase badges, and duplicate badge-style removal. - Add a patch changeset for the published Fusion package. Files changed: ...fn-7193-quick-add-steps-badge-checkbox-theme.md | 7 ++++ .../components/WorkflowOptionalStepsDropdown.css | 6 ++++ .../app/components/WorkflowResultsTab.css | 18 ---------- .../WorkflowOptionalStepsDropdown.test.tsx | 10 ++++++ .../__tests__/workflow-phase-badge.test.tsx | 41 ++++++++++++++++++++++ .../app/components/workflow-phase-badge.css | 17 +++++++++ .../app/components/workflow-phase-badge.tsx | 2 ++ 7 files changed, 83 insertions(+), 18 deletions(-) Fusion-Task-Id: FN-7193 Fusion-Task-Lineage: e1db3949-a493-4949-945d-26f567eace89 Co-authored-by: Fusion (runfusion.ai) <noreply@runfusion.ai>
18 lines
775 B
CSS
18 lines
775 B
CSS
/* FNXC:WorkflowPhaseBadge 2026-06-28-00:00: Phase badge CSS is co-located with the shared phaseBadge() helper so every surface that renders the badge stays themed, including the quick-add drop-down, New Task dialog, inline create, and workflow results instead of only the lazy WorkflowResultsTab. */
|
|
.phase-badge {
|
|
margin-inline-start: var(--space-xs);
|
|
font-size: calc(var(--space-sm) + var(--space-xs) * 0.75);
|
|
padding: var(--space-xs) var(--space-sm);
|
|
border-radius: var(--radius-sm);
|
|
}
|
|
|
|
.phase-badge--pre-merge {
|
|
background-color: color-mix(in srgb, var(--ws-pre-merge) 15%, transparent);
|
|
color: var(--ws-pre-merge);
|
|
}
|
|
|
|
.phase-badge--post-merge {
|
|
background-color: color-mix(in srgb, var(--ws-post-merge) 15%, transparent);
|
|
color: var(--ws-post-merge);
|
|
}
|