From 2fedc094d8e52b52c993bc700845c2e0448e6402 Mon Sep 17 00:00:00 2001 From: Matt Date: Thu, 25 Sep 2025 16:16:27 +0200 Subject: [PATCH] fix: remove HTML background-color that was blocking video in iOS safe areas 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. --- apps/website/assets/css/voyage-layout.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/website/assets/css/voyage-layout.css b/apps/website/assets/css/voyage-layout.css index 60ba3e7..5d66113 100644 --- a/apps/website/assets/css/voyage-layout.css +++ b/apps/website/assets/css/voyage-layout.css @@ -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;