From f63f308659edd62ce0d51e23df2366d12f6b8309 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 4 Jan 2025 14:14:45 +0200
Subject: [PATCH] fix(mobile): layout on tablet mode

---
 src/public/app/layouts/mobile_layout.js | 16 +++++++++-------
 src/public/stylesheets/style.css        |  6 ++++++
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/public/app/layouts/mobile_layout.js b/src/public/app/layouts/mobile_layout.js
index fedb0a8ac..00a17c6c1 100644
--- a/src/public/app/layouts/mobile_layout.js
+++ b/src/public/app/layouts/mobile_layout.js
@@ -118,21 +118,23 @@ export default class MobileLayout {
             .class("horizontal-layout")
             .cssBlock(MOBILE_CSS)
             .child(new FlexContainer("column")
-                .filling()
-                .id("mobile-sidebar-wrapper")
-                .child(new QuickSearchWidget())
-                .child(new NoteTreeWidget()
-                    .cssBlock(FANCYTREE_CSS))
+                .id("mobile-sidebar-container")
             )
             .child(new FlexContainer("row")
                 .filling()
                 .child(new SidebarContainer("tree", 'column')
                     .class("d-sm-flex d-md-flex d-lg-flex d-xl-flex col-12 col-sm-5 col-md-4 col-lg-3 col-xl-3")
-                    .id("mobile-sidebar-container")
+                    .id("mobile-sidebar-wrapper")
                     .css("max-height", "100%")
                     .css('padding-left', "0")
                     .css('padding-right', "0")
-                    .css('contain', 'content'))
+                    .css('contain', 'content')
+                    .child(new FlexContainer("column")
+                        .filling()
+                        .id("mobile-sidebar-wrapper")
+                        .child(new QuickSearchWidget())
+                        .child(new NoteTreeWidget()
+                            .cssBlock(FANCYTREE_CSS))))
                 .child(new ScreenContainer("detail", "column")
                     .class("d-sm-flex d-md-flex d-lg-flex d-xl-flex col-12 col-sm-7 col-md-8 col-lg-9")
                     .css("padding-left", "0")
diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
index a9be1bb1a..d87bf8fb1 100644
--- a/src/public/stylesheets/style.css
+++ b/src/public/stylesheets/style.css
@@ -1209,6 +1209,12 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
     }
 }
 
+@media (min-width: 992px) {
+    #mobile-sidebar-wrapper {
+        transform: none !important;
+    }
+}
+
 #launcher-pane {
     color: var(--launcher-pane-text-color);
     background-color: var(--launcher-pane-background-color);