style(docs): adapt toc & sidebar styles to fit more content and fix t…

…oc theme colors
stdword · Feb 19, 2024 · 5bce93a · 5bce93a
1 parent ca52289
commit 5bce93a
Showing 1 changed file with 32 additions and 3 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -15,19 +15,48 @@
     :root {
       --theme-color: #D25584;
     }
+    .sidebar-nav {
+      p {
+        margin-top: 4px;
+        margin-bottom: 4px;
+      }
+    }
   </style>
 
   <link rel="stylesheet" href="https://unpkg.com/docsify-plugin-toc@1.3.1/dist/light.css">
   <style>
-    .lv2 > a > span {
-      font-weight: 600;
-    }
     aside.toc-nav {
       top: 200px;
       width: 300px;
       right: 1%;
       margin-right: 0px;
+      background-color: var(--base-background-color);
+    }
+    @media only screen and (max-width: 1299px) {
+      aside.toc-nav {
+        background-color: var(--sidebar-background);
+      }
+    }
+
+    .page_toc div {
+      padding: 0px;
     }
+    .page_toc > div[class^="lv"] {
+      padding-bottom: 4px;
+
+      & > a {
+        line-height: unset;
+      }
+    }
+    .page_toc > div.lv2 {
+      padding-top: 8px;
+      padding-bottom: 0px;
+
+      & > a > span {
+        font-weight: 600;
+      }
+    }
+
     section.content:has(> .toc-nav.nothing) {
       padding-right: 0px;
     }