Implement similar sidenav style fixes from main

flutter · Oct 23, 2024 · 63e1216 · 63e1216
1 parent aaef2c2
commit 63e1216
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/src/_sass/base/_content.scss b/src/_sass/base/_content.scss
@@ -18,6 +18,10 @@ main {
   li, dd {
     > p, img, aside, .code-block-wrapper, figure, ul, ol {
       margin-bottom: 0.75rem;
+
+      &:last-child {
+        margin-bottom: 0;
+      }
     }
   }
 

diff --git a/src/_sass/components/_sidenav.scss b/src/_sass/components/_sidenav.scss
@@ -8,14 +8,15 @@
   max-height: calc(100vh - 80px);
   padding-right: 1rem;
   padding-left: 0.5rem;
-  padding-bottom: 1rem;
+  padding-bottom: 2rem;
   font-family: var(--site-ui-font-family), sans-serif;
   position: sticky;
   top: 1rem;
 
   .nav-header {
     font-weight: 500;
-    padding: 0.25rem 0.25rem 0.125rem;
+    padding: 0.25rem 0.4rem 0;
+    color: var(--site-outline);
   }
 
   ul {
@@ -41,9 +42,13 @@
     width: 100%;
     user-select: none;
 
+    .nav-header:not(:first-child) {
+      margin-top: 0.5rem;
+    }
+
     a.nav-link {
       text-wrap: pretty;
-      padding: 0.25rem;
+      padding: 0.25rem 0.4rem;
       margin-top: 0.25rem;
       margin-bottom: 0.25rem;