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

fix(KB-660): keep Git Manager modal within the viewport

Browse Source 
- Constrain the Git Manager modal with a flex column layout and overflow containment
- Prevent the modal header from shrinking and let the content area resize within available space
- Adjust small-screen sizing to use auto height with a 90vh cap so overlay padding is respected
- Add changeset entries documenting the Git Manager modal viewport rendering fix
This commit is contained in:
gsxdsm
2026-04-01 12:27:26 -07:00
parent 78f6a76fd2
commit 3122cbfa1c
3 changed files with 20 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
.changeset/fix-git-manager-modal-rendering.md
View File

@@ -2,10 +2,10 @@
"@gsxdsm/fusion": patch
---
Fix Git Manager dialog rendering off-screen on smaller viewports
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
- Add `display: flex`, `flex-direction: column`, and `overflow: hidden` to `.gm-modal` to contain content and allow flexible layout
- Add `flex-shrink: 0` to `.gm-modal .modal-header` to prevent header compression
- Change `.gm-content` `min-height` from `400px` to `0` to allow flexible content sizing
- Fix mobile responsive styles: change `max-height: 100vh` to `height: auto` with `max-height: 90vh` to account for overlay padding
- Change `.gm-content` `min-height` from `400px` to `0` so the content area can shrink within the viewport
- Update mobile responsive styles to use `height: auto` with `max-height: 90vh` so the modal respects overlay padding
- Reduce mobile `.gm-content` `min-height` from `300px` to `200px` to prevent overflow