From 0e4ce01776e1c5ae05c616408e04f4a85c633ecc Mon Sep 17 00:00:00 2001
From: Eli Ribble <eli@gleipnir.technology>
Date: Thu, 5 Mar 2026 23:37:51 +0000
Subject: [PATCH] Save sidebar state in local storage

So it stays the way I set it.
---
 html/template/sync/layout/authenticated.html | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/html/template/sync/layout/authenticated.html b/html/template/sync/layout/authenticated.html
index 2c5a65dd..e85b15ef 100644
--- a/html/template/sync/layout/authenticated.html
+++ b/html/template/sync/layout/authenticated.html
@@ -12,6 +12,17 @@
 		<link rel="icon" href="/static/favicon-sync.ico" type="image/x-icon" />
 		{{ block "extraheader" . }}{{ end }}
 		<script>
+			function restoreLocalStorage() {
+				const expanded = localStorage.getItem("sidebar.expanded");
+				if (expanded == "false") {
+					document.getElementById("sidebar").classList.add("collapsed");
+					document.getElementById("content").classList.add("expanded");
+				} else {
+					document.getElementById("sidebar").classList.remove("collapsed");
+					document.getElementById("content").classList.remove("expanded");
+					localStorage.setItem("sidebar.expanded", "true");
+				}
+			}
 			function setTooltipsForSidebar() {
 				const sidebarTooltips = document.querySelectorAll(
 					'#sidebar [data-bs-toggle="tooltip"]',
@@ -45,6 +56,7 @@
 					return t;
 				});
 				console.log("Initialized ", tooltipTriggerList.length, " tooltips");
+				restoreLocalStorage();
 				setTooltipsForSidebar();
 			});
 		</script>
@@ -67,9 +79,14 @@
 		<script src="/static/vendor/js/bootstrap.bundle.min.js"></script>
 		<script>
 			document.getElementById("sidebarToggle").addEventListener("click", () => {
-				document.getElementById("sidebar").classList.toggle("collapsed");
+				const sidebar = document.getElementById("sidebar");
+				sidebar.classList.toggle("collapsed");
 				document.getElementById("content").classList.toggle("expanded");
 				setTooltipsForSidebar();
+				localStorage.setItem(
+					"sidebar.expanded",
+					(!sidebar.classList.contains("collapsed")).toString(),
+				);
 			});
 		</script>
 	</body>