feat(FN-3258): enhance planning mode modal and quick chat FAB styling

This merge lands multiple enhancements to the planning mode modal UI and related components. Key changes include improved styling for the planning modal and quick chat FAB, CSS token alignment with the design system, plugin slot mount wiring, and updated drag handle placement. The merge also adds ne

Fusion-Task-Id: FN-3258
This commit is contained in:
Fusion
2026-05-03 04:26:13 -07:00
committed by gsxdsm
parent 361a9022ea
commit 83a7a66fc2
2 changed files with 10 additions and 10 deletions

View File

@@ -335,7 +335,7 @@
}
/* Mobile: stack — only one pane visible at a time */
@media (max-width: 720px) {
@media (max-width: 768px) {
/* Full-screen sheet — drop overlay padding so the modal fills the
viewport instead of being pushed below it, and disable resize since
touchscreen users can't drag the corner grip anyway. */
@@ -579,7 +579,7 @@
padding: var(--space-md);
background: var(--bg);
border: 1px solid var(--border);
border-radius: var(--radius);
border-radius: var(--radius-md);
color: var(--text);
font-family: inherit;
font-size: 14px;
@@ -977,7 +977,7 @@
font-size: 14px;
cursor: pointer;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 10px center;
}
@@ -1496,7 +1496,7 @@
color: var(--color-success);
}
.icon-text-secondary {
color: var(--text-secondary);
color: var(--text-muted);
flex-shrink: 0;
}
.icon-milestone {
@@ -1618,7 +1618,7 @@
}
.roadmap-field-label {
font-size: 11px;
color: var(--text-secondary);
color: var(--text-muted);
font-weight: 500;
}
.roadmap-field-group {
@@ -1672,12 +1672,12 @@
}
.roadmap-feature-text {
font-size: 11px;
color: var(--text-secondary);
color: var(--text-muted);
margin: 2px 0 0 6px;
}
.roadmap-feature-text--italic {
font-size: 11px;
color: var(--text-secondary);
color: var(--text-muted);
margin: 2px 0 0 6px;
font-style: italic;
}