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>
72 lines
1.6 KiB
CSS
72 lines
1.6 KiB
CSS
.omp-cli-provider-card .auth-provider-cli-actions,
|
|
.omp-cli-provider-card .onboarding-provider-card__actions {
|
|
display: flex;
|
|
gap: var(--space-sm);
|
|
align-items: center;
|
|
}
|
|
|
|
/*
|
|
FNXC:OmpAcp 2026-07-13-22:50:
|
|
Compact card body inset to match auth-provider-header horizontal padding (same as Grok CLI card).
|
|
*/
|
|
.omp-cli-provider-card__body {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-sm);
|
|
padding: 0 var(--space-md) var(--space-sm);
|
|
}
|
|
|
|
.omp-cli-provider-card__hint {
|
|
opacity: 0.75;
|
|
}
|
|
|
|
.omp-cli-binary-path-control {
|
|
display: grid;
|
|
gap: var(--space-xs);
|
|
margin-top: var(--space-sm);
|
|
}
|
|
|
|
/*
|
|
FNXC:OmpAcp 2026-07-15-00:00:
|
|
FN-8043 uses --text-muted for secondary labels because --text-secondary is an undefined deprecated alias in both themes.
|
|
*/
|
|
.omp-cli-binary-path-label {
|
|
color: var(--text-muted);
|
|
font-size: 0.78rem;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.omp-cli-binary-path-row {
|
|
display: flex;
|
|
gap: var(--space-sm);
|
|
align-items: center;
|
|
}
|
|
|
|
.omp-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) {
|
|
.omp-cli-provider-card .auth-provider-cli-actions,
|
|
.omp-cli-provider-card .onboarding-provider-card__actions,
|
|
.omp-cli-binary-path-row {
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.omp-cli-binary-path-row .btn,
|
|
.omp-cli-binary-path-input {
|
|
width: 100%;
|
|
}
|
|
|
|
.omp-cli-provider-card__body {
|
|
padding: 0 var(--space-sm) var(--space-sm);
|
|
}
|
|
}
|