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

feat(FN-3614): improve mobile keyboard handling in ChatView and GitManager

Browse Source 
This merge delivers five major themes: a large mobile chat UX pass (viewport-aware GitManager CSS, compact tool-call layout, keyboard-safe modals, and iterative fixes for the send-button double-fire behavior), a complete refactor of the TaskDetailModal test suite from a 6745-line monolith into eight

Fusion-Task-Id: FN-3614
This commit is contained in:
Fusion
2026-05-06 20:45:27 -07:00
committed by gsxdsm
parent d83fd28065
commit 17998936ca
4 changed files with 122 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/dashboard/app/components/ScriptsModal.css
View File

@@ -3438,9 +3438,10 @@
}
}
@media (max-width: 640px) {
@media (max-width: 768px) {
/* Full-screen sheet on mobile — drop overlay padding so the modal
actually fills the viewport instead of being pushed below it. */
.modal-overlay.git-manager-modal-overlay,
.modal-overlay:has(.gm-modal) {
padding-top: 0;
align-items: stretch;
@@ -3452,12 +3453,21 @@
min-width: 0;
max-width: 100vw;
height: 100dvh;
min-height: 0;
min-height: 100dvh;
max-height: 100dvh;
margin: 0;
border: none;
border-radius: 0;
resize: none;
flex: 1 1 auto;
}
.modal.gm-modal[style*="--keyboard-overlap"] {
height: var(--vv-height, 100dvh);
min-height: var(--vv-height, 100dvh);
max-height: var(--vv-height, 100dvh);
transform: translateY(var(--vv-offset-top, 0px));
will-change: transform;
}
/* Same treatment for the Automations modal — same min-width: 480px would