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

fix(dashboard): make SetupWizard scrollable on short viewports

Browse Source 
Modal could clip its footer on older laptops / browsers without
dvh support: the height calc fell back to invalid, max-height was
dropped, and the parent overlay had no overflow rule. Added a vh
fallback before the dvh line and made .setup-wizard-overlay
scrollable as a safety net.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
gsxdsm
2026-04-28 14:24:35 -07:00
parent f9397f9670
commit cef4c30841
1 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/dashboard/app/components/SetupWizardModal.css
View File

@@ -26,14 +26,23 @@
}
/* === Setup Wizard Modal (Onboarding) === */
.setup-wizard-overlay {
overflow-y: auto;
overscroll-behavior: contain;
}
.setup-wizard-modal {
display: flex;
flex-direction: column;
max-width: 880px;
width: 90vw;
/* vh fallback first for browsers without dvh support; dvh upgrade follows. */
max-height: min(720px, calc(100vh - var(--overlay-padding-top, 10vh) - var(--space-lg)));
max-height: min(720px, calc(100dvh - var(--overlay-padding-top, 10vh) - var(--space-lg)));
animation: slideUp var(--transition-normal) ease-out;
overflow: hidden;
/* Prevent flex parents from squeezing this below its content's needs. */
flex-shrink: 0;
}
@keyframes slideUp {
@@ -405,6 +414,7 @@
flex-direction: column;
max-width: 100%;
width: 100%;
max-height: calc(100vh - max(var(--space-2xl), env(safe-area-inset-top, 0px)) - max(var(--space-2xl), env(safe-area-inset-bottom, 0px)));
max-height: calc(100dvh - max(var(--space-2xl), env(safe-area-inset-top, 0px)) - max(var(--space-2xl), env(safe-area-inset-bottom, 0px)));
border-radius: var(--radius-lg);
}