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/components/settings_modal/settings_modal.js | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

(limited to 'src/components/settings_modal/settings_modal.js')

diff --git a/src/components/settings_modal/settings_modal.js b/src/components/settings_modal/settings_modal.js
index f0d49c91..b6880445 100644
--- a/src/components/settings_modal/settings_modal.js
+++ b/src/components/settings_modal/settings_modal.js
@@ -36,6 +36,21 @@ const SettingsModal = {
     modalPeeked () {
       return this.$store.state.interface.settingsModalState === 'minimized'
     }
+  },
+  watch: {
+    modalActivated (newValue) {
+      if (newValue) {
+        let html = document.querySelector('html')
+        if (html) {
+          html.classList.add('settings-modal-layout')
+        }
+      } else {
+        let html = document.querySelector('html')
+        if (html) {
+          html.classList.remove('settings-modal-layout')
+        }
+      }
+    }
   }
 }
 
-- 
cgit v1.2.3-70-g09d2