Fix: On iPhone X and above, the bottom menu is too low and interferes…

… with unclickable interactive elements
cuzy-app · Mar 8, 2024 · 5db0fea · 5db0fea
1 parent 1ad53e0
commit 5db0fea
Show file tree

Hide file tree

Showing 8 changed files with 11 additions and 6 deletions.
diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md
@@ -1,6 +1,10 @@
 Changelog
 =========
 
+Unreleased
+--------------------
+- Fix: On iPhone X and above, the bottom menu is too low and interferes with unclickable interactive elements
+
 1.7.0 (MArch 7, 2024)
 --------------------
 - Enh: On small screens, the main menu is divided in 2: top and bottom menu

diff --git a/themes/clean-base/css/theme.css b/themes/clean-base/css/theme.css
diff --git a/themes/clean-base/css/theme.css.map b/themes/clean-base/css/theme.css.map
diff --git a/themes/clean-base/less/humhub/mobile.less b/themes/clean-base/less/humhub/mobile.less
@@ -73,6 +73,7 @@
       #top-menu-nav {
         position: fixed;
         bottom: 0;
+        padding-bottom: env(safe-area-inset-bottom); // for the web view space (safe area) on iPhone X and above
         background-color: @background-color-secondary;
         border-top: solid 2px #CCC;
         width: auto;

diff --git a/themes/clean-bordered/css/theme.css b/themes/clean-bordered/css/theme.css
diff --git a/themes/clean-bordered/css/theme.css.map b/themes/clean-bordered/css/theme.css.map
diff --git a/themes/clean-contrasted/css/theme.css b/themes/clean-contrasted/css/theme.css
diff --git a/themes/clean-contrasted/css/theme.css.map b/themes/clean-contrasted/css/theme.css.map