Tweak sidebar separators

react-navigation · Aug 8, 2024 · 51e56e1 · 51e56e1
1 parent 821c36f
commit 51e56e1
Showing 1 changed file with 12 additions and 4 deletions.
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -306,18 +306,26 @@ p {
 }
 
 .menu > .menu__list > .menu__list-item {
+  position: relative;
   padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
+  padding-bottom: 1rem;
 }
 
-.menu > .menu__list > .menu__list-item:not(:last-child) {
-  border-bottom: 1px solid var(--ifm-toc-border-color);
+.menu > .menu__list > .menu__list-item:not(:last-child)::after {
+  content: '';
+  display: block;
+  position: absolute;
+  bottom: 0;
+  left: 0.5rem;
+  width: calc(100% - 1.5rem);
+  height: 1px;
+  background-color: var(--ifm-toc-border-color);
 }
 
 @media (min-width: 85rem) {
   .menu > .menu__list > .menu__list-item {
     padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
+    padding-bottom: 1.75rem;
   }
 }