From f909f842681c51d79cf4e1124ca9fec47da8aa92 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 4 Jan 2025 14:33:10 +0200
Subject: [PATCH] fix(mobile): launcher bar dropdown position on tablet view

---
 src/public/stylesheets/style.css | 24 +++++++++++++++---------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
index 29352748e..9878807e6 100644
--- a/src/public/stylesheets/style.css
+++ b/src/public/stylesheets/style.css
@@ -1174,6 +1174,15 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
     background-color: var(--left-pane-background-color);
 }
 
+body.mobile #launcher-pane .dropdown-menu.show {
+    position: fixed !important;
+    bottom: var(--launcher-pane-size) !important;
+    top: unset !important;
+    left: 0 !important;
+    right: 0 !important;
+    transform: unset !important;
+}
+
 /* Mobile, phone mode */
 @media (max-width: 991px) {
     #mobile-sidebar-container {
@@ -1217,6 +1226,12 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
         background-color: var(--launcher-pane-background-color);
     }
 
+    body.mobile #launcher-pane .dropdown-menu.show {
+        bottom: unset !important;
+        top: calc(env(safe-area-inset-top) + var(--launcher-pane-size)) !important;
+        left: unset !important;
+    }
+
     #mobile-sidebar-wrapper {
         transform: none !important;
         background-color: var(--left-pane-background-color) !important;
@@ -1236,15 +1251,6 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
     background-color: var(--launcher-pane-background-color);
 }
 
-body.mobile #launcher-pane .dropdown-menu.show {
-    position: fixed !important;
-    bottom: var(--launcher-pane-size) !important;
-    top: unset !important;
-    left: 0 !important;
-    right: 0 !important;
-    transform: unset !important;
-}
-
 #right-pane {
     overflow: auto;
 }