fix(KB-660): fix Git Manager dialog rendering off-screen on small viewports

- Fix .gm-content min-height from 400px to 0 for proper flex behavior
- Add mobile responsive styles to prevent modal overflow
- Create changeset for patch release
This commit is contained in:
gsxdsm
2026-03-31 23:29:46 -07:00
parent 48c4c357b4
commit 7eca797c0f
2 changed files with 14 additions and 3 deletions

View File

@@ -0,0 +1,8 @@
---
"@gsxdsm/fusion": patch
---
Fix Git Manager dialog rendering off-screen on smaller viewports
Changed `.gm-content` min-height from 400px to 0, allowing the modal content
to properly flex within the viewport instead of forcing overflow.

View File

@@ -10562,6 +10562,9 @@ html .column.drag-over * {
width: 900px; width: 900px;
max-width: 95vw; max-width: 95vw;
max-height: 85vh; max-height: 85vh;
display: flex;
flex-direction: column;
overflow: hidden;
} }
/* Main layout: sidebar + content */ /* Main layout: sidebar + content */
@@ -10627,7 +10630,7 @@ html .column.drag-over * {
flex: 1; flex: 1;
overflow-y: auto; overflow-y: auto;
padding: var(--space-lg); padding: var(--space-lg);
min-height: 400px; min-height: 0;
position: relative; position: relative;
} }
@@ -11659,7 +11662,7 @@ html .column.drag-over * {
.gm-modal { .gm-modal {
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
max-height: 100vh; height: 100vh;
border-radius: 0; border-radius: 0;
} }
@@ -11696,7 +11699,7 @@ html .column.drag-over * {
} }
.gm-content { .gm-content {
min-height: 300px; min-height: 200px;
padding: var(--space-md); padding: var(--space-md);
} }