feat(KB-660): fix Git Manager modal rendering and responsive layout
- Fix Git Manager modal CSS layout and mobile responsive styles - Add changeset for Git Manager modal fix - Remove obsolete quick-entry-auto-expand changeset - Clean up QuickEntryBox component styling - Remove tests for removed auto-expand functionality
This commit is contained in:
9
.changeset/fix-git-manager-modal-rendering.md
Normal file
9
.changeset/fix-git-manager-modal-rendering.md
Normal file
@@ -0,0 +1,9 @@
|
||||
---
|
||||
"@gsxdsm/fusion": patch
|
||||
---
|
||||
|
||||
Fix Git Manager dialog rendering off-screen on smaller viewports
|
||||
|
||||
- Add `display: flex; flex-direction: column; overflow: hidden;` to `.gm-modal` to properly contain content and enable flex layout
|
||||
- Change mobile `max-height: 100vh` to `height: 100vh` for full viewport coverage
|
||||
- Reduce mobile `.gm-content` `min-height` from `300px` to `200px` to prevent overflow
|
||||
@@ -10562,6 +10562,9 @@ html .column.drag-over * {
|
||||
width: 900px;
|
||||
max-width: 95vw;
|
||||
max-height: 85vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Main layout: sidebar + content */
|
||||
@@ -11659,7 +11662,7 @@ html .column.drag-over * {
|
||||
.gm-modal {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
max-height: 100vh;
|
||||
height: 100vh;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
@@ -11696,7 +11699,7 @@ html .column.drag-over * {
|
||||
}
|
||||
|
||||
.gm-content {
|
||||
min-height: 300px;
|
||||
min-height: 200px;
|
||||
padding: var(--space-md);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user