style: Update sidebar styles for consistency

Giaccomole · Giaccomole · commit 479c3bbd93fe · 2025-11-05T16:33:09.000+01:00
Signed-off-by: Orhun Ucak &lt;orhunucak@gmail.com&gt;
diff --git a/docs-gen/assets/scss/common/_custom.scss b/docs-gen/assets/scss/common/_custom.scss
@@ -1,55 +1,46 @@
 // Put your custom SCSS code here
 
-/* Custom CSS fixes for sidebar layout */
+/* DEBUG: Visualize sidebar boundaries */
 .docs-sidebar {
-  padding-left: 1rem !important;
-  padding-right: 1rem !important;
+  background-color: rgba(255, 0, 0, 0.05) !important;
+  outline: 2px solid red !important;
 }
 
-.docs-sidebar .section-nav {
-  width: 100% !important;
-  padding-left: 0 !important;
+.docs-links {
+  background-color: rgba(0, 255, 0, 0.05) !important;
+  outline: 2px solid green !important;
 }
 
-.docs-sidebar .list-unstyled {
-  margin-left: 0 !important;
-  padding-left: 0 !important;
+.section-nav {
+  background-color: rgba(0, 0, 255, 0.05) !important;
+  outline: 2px solid blue !important;
 }
 
-.docs-sidebar .list-unstyled li {
-  margin-left: 0 !important;
-  padding-left: 0 !important;
+.section-nav ul {
+  background-color: rgba(255, 255, 0, 0.05) !important;
+  outline: 2px solid yellow !important;
 }
 
-.docs-sidebar .list-unstyled li a {
-  display: block;
-  padding: 0.375rem 0.75rem;
-  text-decoration: none;
-  border-radius: 0.25rem;
-}
-
-/* Nested navigation styling */
-.docs-sidebar .list-nested {
-  margin-top: 0.5rem !important;
-  margin-bottom: 1rem !important;
-  padding-left: 1rem !important;
-}
-
-.docs-sidebar .list-nested li a {
-  padding: 0.25rem 0.5rem;
-  font-size: 0.9rem;
-  color: #6c757d;
+/* Fix sidebar width consistency across page types */
+@include media-breakpoint-up(xl) {
+  .docs-sidebar {
+    /* Override theme's flex: 0 1 320px which allows shrinking */
+    /* Use Bootstrap's col-xl-3 width (25%) consistently */
+    flex: 0 0 25% !important;
+    max-width: 25% !important;
+  }
 }
 
-.docs-sidebar .list-nested li.active a {
-  background-color: #e9ecef;
-  color: #495057;
-  font-weight: 600;
+/* Fix vertical alignment - normalize content padding across page types */
+.content {
+  padding-top: 1rem !important;
 }
 
-.docs-sidebar .list-nested li a:hover {
-  background-color: #f8f9fa;
-  color: #495057;
+/* Keep the same bottom padding for both */
+.list.section .content,
+.single.section .content {
+  padding-top: 1rem !important;
+  padding-bottom: 3rem !important;
 }
 
 .list.section.showcase {
diff --git a/docs-gen/content/docs/approach-overview/actively-developed.md b/docs-gen/content/docs/approach-overview/actively-developed.md
@@ -1,7 +1,6 @@
 ---
 title: Actively Developed (SME)
 weight: 10
-chapter: false
 ---
 
 {{< img src="images/actively_developed.png" alt="Frame 1: Actively Developed" >}}
diff --git a/docs-gen/content/docs/approach-overview/automated.md b/docs-gen/content/docs/approach-overview/automated.md
@@ -1,7 +1,6 @@
 ---
 title: Automated (CI Tooling)
 weight: 20
-chapter: false
 ---
 
 {{< img src="images/automated.png" alt="Frame 2: Automated" >}}
diff --git a/docs-gen/content/docs/approach-overview/optional-extensions.md b/docs-gen/content/docs/approach-overview/optional-extensions.md
@@ -1,7 +1,6 @@
 ---
 title: Optional Extensions (Modelers)
 weight: 60
-chapter: false
 ---
 
 {{< img src="images/optional_extensions.png" alt="Frame 3: Optional Extensions" >}}
diff --git a/docs-gen/layouts/_default/baseof.html b/docs-gen/layouts/_default/baseof.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="{{ .Site.LanguageCode | default "en" }}" data-bs-theme="{{ site.Params.doks.colorMode | default "auto" }}">
+  {{ partial "head/head" . }}
+  {{ partial "head/body-class" . }}
+  <body class="{{ delimit (.Scratch.Get "class") " " }}"{{ if eq site.Params.doks.scrollSpy true }} data-bs-spy="scroll" data-bs-target="#toc" data-bs-root-margin="0px 0px -60%" data-bs-smooth-scroll="true" tabindex="0"{{ end }}>
+    {{ partial "header/header" . }}
+    <div class="wrap container-{{ site.Params.doks.containerBreakpoint | default "lg" }}" role="document">
+      <div class="content">
+      {{- /* Remove the extra container wrapper that causes layout issues */ -}}
+      {{ block "main" . }}{{ end }}
+      </div>
+    </div>
+    {{ if site.Params.doks.toTopButton -}}
+      {{ partial "footer/to-top" . }}
+    {{ end }}
+  </body>
+</html>
