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

fix: use position fixed for video to escape all containing blocks and extend into iOS safe areas
All checks were successful
build-website / build (push) Successful in 1m47s
Details

Browse Source
This commit is contained in:
Matt
2025-09-25 16:10:06 +02:00
parent b25512ad65
commit c7ac41296b
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/website/components/HeroSection.vue
View File

@@ -174,7 +174,7 @@ onMounted(() => {
<style scoped> <style scoped>
/* Hero video container using standard safe-area-inset-top for iOS Safari */ /* Hero video container using standard safe-area-inset-top for iOS Safari */
.hero-video-container { .hero-video-container {
position: absolute; position: fixed; /* Use fixed to escape ALL containing blocks and position relative to viewport */
left: 0; left: 0;
right: 0; right: 0;
width: 100vw; width: 100vw;
@@ -260,7 +260,7 @@ onMounted(() => {
/* Container for hero section */ /* Container for hero section */
.hero-voyage { .hero-voyage {
position: relative; position: static; /* Remove containing block to allow video to escape */
min-height: 100vh; min-height: 100vh;
/* Allow video to extend into safe area */ /* Allow video to extend into safe area */
overflow: visible; overflow: visible;
@@ -268,7 +268,7 @@ onMounted(() => {
} }
.hero-content { .hero-content {
position: absolute; /* Changed from relative to occupy safe areas */ position: fixed; /* Use fixed to match video container positioning */
top: 0; /* Start at viewport top */ top: 0; /* Start at viewport top */
left: 0; left: 0;
right: 0; right: 0;