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

- Add flex layout to .gm-modal with display: flex, flex-direction: column, overflow: hidden
- Add flex-shrink: 0 to modal header to prevent compression
- Change .gm-content min-height from 400px to 0 for flexible sizing
- Fix mobile responsive styles: height: auto with max-height: 90vh
- Reduce mobile .gm-content min-height from 300px to 200px
- Remove unused Task Changes Tab styles
This commit is contained in:
gsxdsm
2026-04-01 07:04:07 -07:00
parent e133025798
commit 8f00302fb6
2 changed files with 15 additions and 4 deletions

View File

@@ -10561,6 +10561,14 @@ html .column.drag-over * {
width: 900px;
max-width: 95vw;
max-height: 85vh;
display: flex;
flex-direction: column;
overflow: hidden;
}
/* ── Header ── */
.gm-modal .modal-header {
flex-shrink: 0;
}
/* Main layout: sidebar + content */
@@ -10626,7 +10634,7 @@ html .column.drag-over * {
flex: 1;
overflow-y: auto;
padding: var(--space-lg);
min-height: 400px;
min-height: 0;
position: relative;
}
@@ -11658,7 +11666,8 @@ html .column.drag-over * {
.gm-modal {
width: 100%;
max-width: 100%;
max-height: 100vh;
height: auto;
max-height: 90vh;
border-radius: 0;
}
@@ -11695,7 +11704,7 @@ html .column.drag-over * {
}
.gm-content {
min-height: 300px;
min-height: 200px;
padding: var(--space-md);
}