From 71d8564789af6c6da5358e7e51a4b0ec20a5cb7c Mon Sep 17 00:00:00 2001
From: Owen Leonard <oleonard@myacpl.org>
Date: Thu, 25 Jun 2026 11:35:24 -0400
Subject: [PATCH] Bug 42322: (follow-up) Switch to mobile-first handling of
 sidebar toggle

Signed-off-by: Lucas Gass <lucas@bywatersolutions.com>
Signed-off-by: Pedro Amorim <pedro.amorim@openfifth.co.uk>
---
 .../prog/css/src/staff-global.scss            | 74 ++++++++-----------
 1 file changed, 32 insertions(+), 42 deletions(-)

diff --git a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
index c5d53c13c3..dc63593b64 100644
--- a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
+++ b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
@@ -5034,6 +5034,8 @@ div .suggestion_note {
     }
 
     aside {
+        position: relative;
+
         fieldset {
             &.brief {
                 & + .action {
@@ -5055,6 +5057,35 @@ div .suggestion_note {
             }
         }
     }
+
+    #sidebar-container {
+        &.collapsed {
+            width: 3rem;
+
+            .sidebar_menu,
+            form,
+            .patroninfo,
+            .browse-controls,
+            #search-facets {
+                * {
+                    display: none;
+                }
+            }
+
+            #toggle-sidebar {
+                border-color: #E6E6E6;
+                border-bottom-color: #B9B9B9;
+                border-radius: 0;
+                box-shadow: 2px 2px 3px 0 rgba( 0, 0, 0, .15 );
+            }
+        }
+
+        .sidebar-toggle {
+            display: block;
+            position: absolute;
+            right: 0;
+        }
+    }
 }
 
 @media only screen and ( max-width: 1000px ) {
@@ -5073,19 +5104,6 @@ div .suggestion_note {
         border-bottom-left-radius: 0;
         border-bottom-right-radius: 5px;
     }
-
-    .sidebar-toggle {
-        display: none;
-    }
-
-    #sidebar-container.collapsed {
-        display: none;
-    }
-
-    #sidebar-container.collapsed + .col-md-10,
-    #sidebar-container.collapsed + .col-md-12 {
-        width: 100% !important;
-    }
 }
 
 @media ( min-width: 1050px ) {
@@ -5196,35 +5214,7 @@ div .suggestion_note {
 }
 
 .sidebar-toggle {
-    position: absolute;
-    right: 0;
-}
-
-#sidebar-container {
-    aside {
-        position: relative;
-    }
-
-    &.collapsed {
-        width: 3rem;
-
-        .sidebar_menu,
-        form,
-        .patroninfo,
-        .browse-controls,
-        #search-facets {
-            * {
-              display: none;
-            }
-        }
-
-        #toggle-sidebar {
-            border-color: #E6E6E6;
-            border-bottom-color: #B9B9B9;
-            border-radius: 0;
-            box-shadow: 2px 2px 3px 0 rgba( 0, 0, 0, .15 );
-        }
-    }
+    display: none;
 }
 
 #toggle-sidebar {