matt/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

revert: restore previous video positioning to fix scrolling issue
All checks were successful
build-website / build (push) Successful in 1m30s
Details

Browse Source
This commit is contained in:
matt
2025-09-21 13:41:58 +02:00
parent 06ce6e6cac
commit bc3ebcb558
1 changed files with 14 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
apps/website/assets/css/voyage-layout.css
View File

@@ -1674,27 +1674,28 @@ html {
/* Responsive */ /* Responsive */
@media (max-width: 768px) { @media (max-width: 768px) {
.hero-voyage { .hero-voyage {
/* Use relative positioning to contain the absolutely positioned video */
position: relative;
padding: 0; padding: 0;
/* Set height to dynamic viewport height */ /* iOS-specific height handling */
height: 100vh;
height: -webkit-fill-available;
height: 100dvh; height: 100dvh;
min-height: 100vh;
min-height: -webkit-fill-available;
min-height: 100dvh; min-height: 100dvh;
/* CRITICAL: Allow overflow visible so video can extend beyond container */ /* Video will extend under notch - no padding-top here */
overflow: visible !important; padding-bottom: env(safe-area-inset-bottom);
overflow-x: hidden !important;
max-width: 100vw !important; max-width: 100vw !important;
} }
/* Use negative positioning to extend video into notch area */ /* Make video container fixed on mobile to fill entire viewport including notch */
.hero-video-container { .hero-video-container {
position: absolute !important; position: fixed !important;
/* Negative top to extend into notch area */ inset: 0;
top: calc(-1 * env(safe-area-inset-top, 0px));
left: 0;
right: 0;
width: 100vw; width: 100vw;
/* Height includes the safe area we're extending into */ height: 100vh;
height: calc(100dvh + env(safe-area-inset-top, 0px)); height: -webkit-fill-available;
height: 100dvh;
z-index: 0; z-index: 0;
pointer-events: none; pointer-events: none;
} }