feat(FN-1545): fix mobile More sheet safe-area padding

- Fix More sheet content padding on iOS devices with notched screens
- Add CSS regression tests for safe-area-inset-* rules in mobile nav bar
- Ensure consistent padding for content area across different device safe areas
This commit is contained in:
gsxdsm
2026-04-11 11:00:52 -07:00
parent 91add44143
commit 905e6dd925
2 changed files with 22 additions and 1 deletions

View File

@@ -25993,7 +25993,9 @@ html .column.drag-over * {
border-top-left-radius: var(--radius-lg, 12px);
border-top-right-radius: var(--radius-lg, 12px);
padding: 16px 0;
padding-bottom: max(16px, env(safe-area-inset-bottom, 0px));
/* Additive safe-area: base padding + device safe-area inset ensures last item
(Settings) is reachable on real mobile viewports including iOS home indicator. */
padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px));
max-height: 70vh;
overflow-y: auto;
-webkit-overflow-scrolling: touch;