b885aff4fd
Replace undefined dashboard secondary-text aliases with the canonical muted token. - Update CLI provider labels and workflow lifecycle warning chips - Add regression coverage for deprecated token use across base and light themes - Add a patch changeset for the dashboard styling fix Files changed: .changeset/fn-8043-text-secondary-token-migration.md | 7 ++ ...precated-text-secondary-token-migration.test.ts | 103 +++++++++++++++++++++ .../app/components/CursorCliProviderCard.css | 6 +- .../app/components/GrokCliProviderCard.css | 6 +- .../app/components/OmpCliProviderCard.css | 6 +- .../app/components/WorkflowNodeEditor.css | 6 +- 6 files changed, 130 insertions(+), 4 deletions(-) Fusion-Task-Id: FN-8043 Fusion-Task-Lineage: 95936078-a40b-4815-bb85-f9597d65ac35 Co-authored-by: Fusion (runfusion.ai) <noreply@runfusion.ai>
80 lines
2.0 KiB
CSS
80 lines
2.0 KiB
CSS
.grok-cli-provider-card .auth-provider-cli-actions,
|
|
.grok-cli-provider-card .onboarding-provider-card__actions {
|
|
display: flex;
|
|
gap: var(--space-sm);
|
|
align-items: center;
|
|
}
|
|
|
|
/*
|
|
FNXC:GrokCli 2026-07-08-00:00:
|
|
Mirrors .cursor-cli-provider-card__body (FN-7695) — compact card body must be inset to match
|
|
`.auth-provider-header`'s horizontal padding (`var(--space-sm) var(--space-md)`), otherwise the
|
|
status line and binary-path control render flush against the card's left/right/bottom edges.
|
|
*/
|
|
.grok-cli-provider-card__body {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-sm);
|
|
padding: 0 var(--space-md) var(--space-sm);
|
|
}
|
|
|
|
/*
|
|
FNXC:GrokCli 2026-07-09-00:00:
|
|
FN-7716: the no-Fusion-visible-key hint is informational only (never blocking), so it renders one
|
|
notch quieter than the primary status line via reduced opacity on the shared `.settings-muted` tone
|
|
— no new color token, no hardcoded hex.
|
|
*/
|
|
.grok-cli-provider-card__key-hint {
|
|
opacity: 0.75;
|
|
}
|
|
|
|
.grok-cli-binary-path-control {
|
|
display: grid;
|
|
gap: var(--space-xs);
|
|
margin-top: var(--space-sm);
|
|
}
|
|
|
|
/*
|
|
FNXC:GrokCli 2026-07-15-00:00:
|
|
FN-8043 uses --text-muted for secondary labels because --text-secondary is an undefined deprecated alias in both themes.
|
|
*/
|
|
.grok-cli-binary-path-label {
|
|
color: var(--text-muted);
|
|
font-size: 0.78rem;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.grok-cli-binary-path-row {
|
|
display: flex;
|
|
gap: var(--space-sm);
|
|
align-items: center;
|
|
}
|
|
|
|
.grok-cli-binary-path-input {
|
|
min-width: 0;
|
|
flex: 1 1 18rem;
|
|
height: 2rem;
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-sm);
|
|
background: var(--surface-elevated);
|
|
color: var(--text-primary);
|
|
padding: 0 var(--space-sm);
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.grok-cli-provider-card .auth-provider-cli-actions,
|
|
.grok-cli-provider-card .onboarding-provider-card__actions,
|
|
.grok-cli-binary-path-row {
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.grok-cli-binary-path-row .btn,
|
|
.grok-cli-binary-path-input {
|
|
width: 100%;
|
|
}
|
|
|
|
.grok-cli-provider-card__body {
|
|
padding: 0 var(--space-sm) var(--space-sm);
|
|
}
|
|
}
|