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

@@ -5,5 +5,7 @@
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
- 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
- Reduce mobile `.gm-content` `min-height` from `300px` to `200px` to prevent overflow