From 17624e4bd168275ea74f8cbe5ded844a380ac1ec Mon Sep 17 00:00:00 2001
From: Hugh Ratsch <hugh.ratsch.18@gmail.com>
Date: Sun, 2 Mar 2025 12:11:33 -0600
Subject: [PATCH] Remove sidebar table of contents for cleaner interface

---
 custom.css | 115 ++++++++++++++++++++++++++++++++---------------------
 1 file changed, 69 insertions(+), 46 deletions(-)

diff --git a/custom.css b/custom.css
index 2b5af42..4f95473 100644
--- a/custom.css
+++ b/custom.css
@@ -1,46 +1,22 @@
 /* Custom styling for IT Learning Notes */
 
-/* Right sidebar table of contents improvements */
+/* Hide the sidebar/TOC completely */
+.sidebar {
+    display: none !important;
+}
+
+/* Make content take up full width without sidebar */
+.content-wrap {
+    margin-left: 0 !important;
+    max-width: 100% !important;
+    padding: 0 30px !important;
+}
+
+/* Right/left navigation buttons */
 .nav-chapters {
     min-width: 30px !important;
 }
 
-/* mdBook TOC styling - this targets the actual sidebar TOC */
-.content-wrap {
-    max-width: calc(100% - 220px) !important;
-    margin-right: 220px !important;
-}
-
-.sidebar {
-    background: rgba(245, 245, 247, 0.95) !important;
-}
-
-.sidebar-scrollbox {
-    padding: 10px !important;
-}
-
-.chapter {
-    line-height: 1.3 !important;
-    font-size: 0.9em !important;
-}
-
-.chapter li a {
-    display: block !important;
-    padding: 5px 0 !important;
-    text-overflow: ellipsis !important;
-    overflow: hidden !important;
-    white-space: nowrap !important;
-}
-
-.chapter li a:hover {
-    text-decoration: none !important;
-    background-color: rgba(0, 0, 0, 0.05) !important;
-}
-
-.chapter .active {
-    background-color: rgba(0, 0, 0, 0.07) !important;
-}
-
 /* Page table of contents styling for in-page TOC */
 .toc {
     background-color: #f8f9fa;
@@ -100,15 +76,6 @@ div[id^="scenario-"] {
     opacity: 1 !important;
 }
 
-/* Improve nested section visibility */
-.chapter li.chapter-item {
-    margin-left: 1em;
-}
-
-.chapter li.chapter-item.expanded {
-    margin-left: 0;
-}
-
 /* Better styling for scenario headers */
 h2 {
     margin-top: 2em;
@@ -179,6 +146,62 @@ th {
     visibility: visible !important;
 }
 
+/* Ensure main menu button is visible */
+#menu-bar {
+    z-index: 10 !important;
+}
+
+/* Make menu button more visible for navigation */
+#menu-bar i {
+    font-size: 1.5em !important;
+}
+
+/* Menu items more spaced when menu is opened */
+#menu-bar.open .menu-title {
+    padding: 10px !important;
+}
+
+/* mdBook TOC styling - this targets the actual sidebar TOC */
+.content-wrap {
+    max-width: calc(100% - 220px) !important;
+    margin-right: 220px !important;
+}
+
+.sidebar-scrollbox {
+    padding: 10px !important;
+}
+
+.chapter {
+    line-height: 1.3 !important;
+    font-size: 0.9em !important;
+}
+
+.chapter li a {
+    display: block !important;
+    padding: 5px 0 !important;
+    text-overflow: ellipsis !important;
+    overflow: hidden !important;
+    white-space: nowrap !important;
+}
+
+.chapter li a:hover {
+    text-decoration: none !important;
+    background-color: rgba(0, 0, 0, 0.05) !important;
+}
+
+.chapter .active {
+    background-color: rgba(0, 0, 0, 0.07) !important;
+}
+
+/* Improve nested section visibility */
+.chapter li.chapter-item {
+    margin-left: 1em;
+}
+
+.chapter li.chapter-item.expanded {
+    margin-left: 0;
+}
+
 /* mdBook theme-specific adjustments */
 .light .sidebar {
     background-color: #fafafa !important;