From d90b6596b0720a5bf1cfddd922f605543ad8396a Mon Sep 17 00:00:00 2001
From: Andrea Di Cesare <andrea@softinstigate.com>
Date: Tue, 10 Sep 2024 19:40:33 +0200
Subject: [PATCH] :lipstick: Fix sophia iframe position on ios safari

---
 css/main.scss | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/css/main.scss b/css/main.scss
index 03a3a7a4..3b802b90 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -36,6 +36,10 @@ $content-width: 800px;
 $on-palm: 600px;
 $on-laptop: 800px;
 
+:root {
+  --app-height: 100%;
+}
+
 body {
     background-color: $background-color;
     color: white;
@@ -226,7 +230,9 @@ text-black {
 }
 
 iframe {
-  height: 100%;
+  margin-top: 0; // fix position about navbar in ios safari
+  height: calc(100vh - 64px);
+  max-height: calc(100vh - 64px);
   width: 100%;
   border: none;
 }