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

fix(FN-1458): add safe-area-inset padding to mobile header floating search

Browse Source 
- Add safe-area-inset padding to mobile header-floating-search to prevent viewport overlap
- Add regression tests in Header.test.tsx for mobile search safe-area handling
- Add regression tests in mobile-header-controls.test.tsx for viewport safety
- Document the fix in .fusion/memory.md
This commit is contained in:
gsxdsm
2026-04-10 09:39:59 -07:00
parent 0ab37d87a6
commit 673deced23
5 changed files with 107 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/dashboard/app/styles.css
View File

@@ -6403,6 +6403,12 @@ body {
width: 100%;
}
/* Mobile: floating search must respect safe-area-inset to stay on-screen */
.header-floating-search {
padding-left: max(var(--space-md), env(safe-area-inset-left, 0px));
padding-right: max(var(--space-md), env(safe-area-inset-right, 0px));
}
/* Modal: full-screen on mobile */
.modal-overlay {
padding-top: 0;