From ef07ae8ff28730beeaf99580749e69d598b689f9 Mon Sep 17 00:00:00 2001
From: Johannes Millan <johannes.millan@gmail.com>
Date: Wed, 4 Mar 2026 13:59:20 +0100
Subject: [PATCH] fix(android): make sidebar settings button visible above
 system nav bar

Use JS-computed var(--safe-area-bottom) instead of env(safe-area-inset-bottom)
which returns 0 on Android WebView. Also account for bottom nav height and
position sidebar below status bar on native mobile.

Closes #6561
---
 .../core-ui/magic-side-nav/magic-side-nav.component.scss    | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/core-ui/magic-side-nav/magic-side-nav.component.scss b/src/app/core-ui/magic-side-nav/magic-side-nav.component.scss
index d517d99cc2..d008705cdf 100644
--- a/src/app/core-ui/magic-side-nav/magic-side-nav.component.scss
+++ b/src/app/core-ui/magic-side-nav/magic-side-nav.component.scss
@@ -134,6 +134,10 @@
     transition: none !important;
   }
 
+  :host-context(body.isNativeMobile) &.mobile {
+    top: var(--safe-area-top);
+  }
+
   // Position right
   &.position-right {
     left: auto;
@@ -202,7 +206,7 @@
 
   @media (max-width: 600px) {
     padding-top: var(--safe-area-top);
-    padding-bottom: env(safe-area-inset-bottom);
+    padding-bottom: calc(var(--safe-area-bottom) + var(--bottom-nav-height));
   }
 
   :host-context(.isMac.isElectron) & {