From 86d42e096ae040b1d70d086a0cd92f64440537b2 Mon Sep 17 00:00:00 2001
From: Edwin Noorlander <edwin@noorlander.info>
Date: Wed, 19 Nov 2025 14:39:52 +0100
Subject: [PATCH] Sync sidebar toggle to e.noorlander branch

- Updated e.noorlander branch with sidebar toggle functionality
- All branches now have identical toggle features
- Resolved template synchronization across branches
---
 public/templates/layout.html | 57 +-----------------------------------
 1 file changed, 1 insertion(+), 56 deletions(-)

diff --git a/public/templates/layout.html b/public/templates/layout.html
index 270ba92..d5e89bb 100644
--- a/public/templates/layout.html
+++ b/public/templates/layout.html
@@ -42,43 +42,12 @@
             border-right: 1px solid #dee2e6;
             overflow-y: auto;
             flex-shrink: 0;
-            transition: transform 0.3s ease;
-            position: relative;
-            z-index: 1000;
-        }
-        .sidebar.collapsed {
-            transform: translateX(-250px);
-        }
-        .sidebar-toggle {
-            position: fixed;
-            top: 80px;
-            left: 10px;
-            z-index: 1001;
-            background-color: #0d6efd;
-            color: white;
-            border: none;
-            border-radius: 5px;
-            padding: 8px 12px;
-            cursor: pointer;
-            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
-            transition: all 0.3s ease;
-        }
-        .sidebar-toggle:hover {
-            background-color: #0a58ca;
-            transform: scale(1.05);
-        }
-        .sidebar-toggle.shifted {
-            left: 270px;
-        }
-        .main-content.shifted {
-            margin-left: 0;
         }
         
         .main-content {
             flex: 1;
             overflow-y: auto;
             padding: 20px;
-            transition: margin-left 0.3s ease;
         }
         
         .folder-toggle {
@@ -242,10 +211,7 @@
     
     <div class="main-wrapper">
         <div class="content-wrapper">
-            <button class="sidebar-toggle" id="sidebarToggle">
-                <i class="bi bi-list"></i>
-            </button>
-            <nav class="sidebar" id="sidebar">
+            <nav class="sidebar">
                 <div class="pt-3">
                     <ul class="nav flex-column">
                         {{menu}}
@@ -287,27 +253,6 @@
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
     <script>
         document.addEventListener('DOMContentLoaded', function() {
-            // Sidebar toggle functionality
-            const sidebarToggle = document.getElementById('sidebarToggle');
-            const sidebar = document.getElementById('sidebar');
-            const mainContent = document.querySelector('.main-content');
-            
-            sidebarToggle.addEventListener('click', function() {
-                sidebar.classList.toggle('collapsed');
-                mainContent.classList.toggle('shifted');
-                sidebarToggle.classList.toggle('shifted');
-                
-                // Change icon
-                const icon = this.querySelector('i');
-                if (sidebar.classList.contains('collapsed')) {
-                    icon.classList.remove('bi-list');
-                    icon.classList.add('bi-chevron-right');
-                } else {
-                    icon.classList.remove('bi-chevron-right');
-                    icon.classList.add('bi-list');
-                }
-            });
-            
             // Open folders that contain the current active page
             const activeLink = document.querySelector('.nav-link.active');
             if (activeLink) {