Merge pull request #12182 from tasnim0tantawi/bug/fix-sidebar-expanding-when-navigating

fix shrinked sidebar expanding when navigating by clicking on icons
2026-06-27 10:33:49 -07:00 · 2026-04-25 08:45:47 +02:00
parent 1caf639b85 1ebff22785
commit 714133dad5
2 changed files with 26 additions and 0 deletions
@@ -56,6 +56,22 @@ $(function () {
        return false;
    });

+    // save sidebar collapsed state when page loads.
+    $(document).on('click', '[data-toggle="push-menu"]', function () {
+        setTimeout(function () {
+            try {
+                if (window.localStorage) {
+                    localStorage.setItem(
+                        'ff3_sidebar_collapsed',
+                        $('body').hasClass('sidebar-collapse') ? '1' : '0'
+                    );
+                }
+            } catch (e) {}
+        }, 0);
+    });
+
+
+
    // on submit of form, disable any button in form:
    $('form.form-horizontal:not(.nodisablebutton)').on('submit', function () {
        $('button[type="submit"]').prop('disabled', true);
@@ -94,6 +94,16 @@

 </head>
 <body class="skin-firefly-iii sidebar-mini hold-transition">
+<script type="text/javascript" nonce="{{ JS_NONCE }}">
+    // get sidebar collapsed state from localStorage before the rest of the page renders
+    (function () {
+        try {
+            if (localStorage.getItem('ff3_sidebar_collapsed') === '1') {
+                document.body.classList.add('sidebar-collapse');
+            }
+        } catch (_) {}
+    })();
+</script>
 <div class="wrapper" id="app">

    <header class="main-header">