From 22e4d10031c68bca596d5cd90b4813ad80a18ba6 Mon Sep 17 00:00:00 2001
From: lindsaym-fa <dev@lindsaym.design>
Date: Thu, 13 Jun 2024 20:28:34 -0400
Subject: [PATCH] cleanup docs sidebar design

---
 docs/assets/styles/docs.css | 36 ++++++++++++++++++++++++++++++++----
 1 file changed, 32 insertions(+), 4 deletions(-)

diff --git a/docs/assets/styles/docs.css b/docs/assets/styles/docs.css
index 1945013dc..927e4a873 100644
--- a/docs/assets/styles/docs.css
+++ b/docs/assets/styles/docs.css
@@ -38,15 +38,39 @@ wa-page[view='desktop']::part(navigation) {
 }
 
 wa-page[view='desktop'] > #sidebar {
-  min-width: 320px;
-  padding: 2rem;
+  min-width: 300px;
+  padding: var(--wa-space-xl);
 }
 
 #sidebar,
 #outline {
   h2 {
-    font-size: 1.125rem;
-    margin-block-end: 0.5rem;
+    font-size: var(--wa-font-size-m);
+    margin-block-end: var(--wa-space-m);
+  }
+  h2:not(:first-of-type) {
+    margin-block-start: var(--wa-space-xl);
+  }
+  ul {
+    border-inline-start: var(--wa-border-width-s) solid var(--wa-color-surface-border);
+    font-size: var(--wa-font-size-s);
+    line-height: var(--wa-line-height-condensed);
+    margin: 0;
+    padding-inline-start: var(--wa-space-m);
+  }
+  ul ul {
+    margin-block-start: var(--wa-space-m);
+  }
+  li {
+    list-style: none;
+    margin-block-end: var(--wa-space-m);
+  }
+  li a {
+    color: var(--wa-color-text-normal);
+    text-decoration: none;
+  }
+  li a:hover {
+    text-decoration: underline;
   }
 }
 
@@ -54,6 +78,10 @@ wa-page[view='desktop'] > #sidebar {
   padding-bottom: 1rem;
 }
 
+wa-page::part(menu) {
+  scrollbar-width: thin;
+}
+
 /* Main content */
 wa-page > main {
   max-width: 80ch;