Fix mobile setting modal behavior: ensure the mobile browser address bar doesn't overlap the modal top panel.

1 files changed, 16 insertions, 0 deletions

diff --git a/src/App.scss b/src/App.scss
index e2e2d079..21c00bac 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -943,6 +943,22 @@ nav {
   line-height: 1.3rem;
 }
 
+.settings-modal-layout {
+  @media all and (max-width: 800px) {
+    height: 100%;
+
+    body {
+      height: 100vh;
+      overflow-y: hidden;
+      position: fixed;
+    }
+
+    #app {
+      height: 100%;
+    }
+  }
+}
+
 .chat-layout {
   // Needed for smoother chat navigation in the desktop Safari (otherwise the chat layout "jumps" as the chat opens).
   overflow: hidden;