root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat(FN-4936): complete Step 3 — style resizable workspace divider

Browse Source 
Fusion-Task-Id: FN-4936
Fusion-Task-Lineage: 6c860bad-2120-4a81-a399-02c1d45aa63e
This commit is contained in:
Fusion (runfusion.ai)
2026-05-18 01:03:27 -07:00
committed by gsxdsm
parent 2f8a634464
commit b61270e480
1 changed files with 29 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
packages/dashboard/app/components/GitHubImportModal.css
View File

@@ -126,7 +126,7 @@
/* Two-pane layout */
.github-import-workspace {
display: flex;
gap: var(--space-lg);
gap: var(--space-sm);
min-height: 0;
flex: 1;
}
@@ -139,9 +139,30 @@
}
.github-import-list-pane {
flex: 0 0 clamp(280px, 40%, 400px);
border-right: 1px solid var(--border);
padding-right: var(--space-lg);
/* Desktop width is controlled by inline flex-basis from the resize handle. */
flex: 0 0 auto;
/* Keep separator ownership on the resize handle to avoid a doubled divider. */
padding-right: var(--space-md);
}
.github-import-workspace__resize-handle {
flex: 0 0 var(--space-xs);
align-self: stretch;
cursor: col-resize;
touch-action: none;
border-radius: var(--radius-sm);
background: color-mix(in srgb, var(--border) 35%, transparent);
transition: background var(--transition-fast);
}
.github-import-workspace__resize-handle:hover {
background: color-mix(in srgb, var(--todo) 50%, transparent);
}
.github-import-workspace__resize-handle:focus-visible {
outline: var(--focus-ring-strong);
outline-offset: 0;
background: color-mix(in srgb, var(--todo) 60%, transparent);
}
.github-import-preview-pane {
@@ -714,6 +735,10 @@
flex-direction: column;
}
.github-import-workspace__resize-handle {
display: none;
}
.github-import-list-pane {
flex: none;
border-right: none;