From dac075c61a33eafa6778d04b9f972dbc1e1dfb57 Mon Sep 17 00:00:00 2001
From: eugenijm <eugenijm@protonmail.com>
Date: Tue, 21 Jul 2020 14:53:01 +0300
Subject: Fix mobile setting modal behavior: ensure the mobile browser address
 bar doesn't overlap the modal top panel.

---
 src/App.scss | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

(limited to 'src/App.scss')

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;
-- 
cgit v1.2.3-70-g09d2