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:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user