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

fix: remove HTML background-color that was blocking video in iOS safe areas
All checks were successful
build-website / build (push) Successful in 1m37s
Details

Browse Source 
The root cause was the html element's background-color:#001f3f on line 105 of voyage-layout.css
This opaque background was preventing the video from showing through in the safe areas.
Removing it allows the video to properly extend into the iOS Safari safe areas.
This commit is contained in:
Matt
2025-09-25 16:16:27 +02:00
parent c7ac41296b
commit 2fedc094d8
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -101,8 +101,8 @@ body.theme-monaco-white {
/* Allow HTML and body to extend into safe areas for iOS */
html {
/* Set background to match hero overlay color to prevent white flash */
background-color: #001f3f; /* Matches --primary-blue */
/* REMOVED background-color to allow video to show in safe areas */
/* background-color: #001f3f; -- This was blocking the video! */
/* Ensure full viewport coverage including safe areas */
min-height: 100vh;
min-height: -webkit-fill-available;