Tweak sidebar separators

satya164 · satya164 · commit 51e56e17e6ee · 2024-08-09T00:06:16.000+02:00
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;
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -306,18 +306,26 @@ p {`
`306`	`306`	`}`
`307`	`307`
`308`	`308`	`.menu > .menu__list > .menu__list-item {`
	`309`	`+ position: relative;`
`309`	`310`	`padding-top: 0.5rem;`
`310`		`- padding-bottom: 0.5rem;`
	`311`	`+ padding-bottom: 1rem;`
`311`	`312`	`}`
`312`	`313`
`313`		`-.menu > .menu__list > .menu__list-item:not(:last-child) {`
`314`		`- border-bottom: 1px solid var(--ifm-toc-border-color);`
	`314`	`+.menu > .menu__list > .menu__list-item:not(:last-child)::after {`
	`315`	`+ content: '';`
	`316`	`+ display: block;`
	`317`	`+ position: absolute;`
	`318`	`+ bottom: 0;`
	`319`	`+ left: 0.5rem;`
	`320`	`+ width: calc(100% - 1.5rem);`
	`321`	`+ height: 1px;`
	`322`	`+ background-color: var(--ifm-toc-border-color);`
`315`	`323`	`}`
`316`	`324`
`317`	`325`	`@media (min-width: 85rem) {`
`318`	`326`	`.menu > .menu__list > .menu__list-item {`
`319`	`327`	`padding-top: 1.5rem;`
`320`		`- padding-bottom: 1.5rem;`
	`328`	`+ padding-bottom: 1.75rem;`
`321`	`329`	`}`
`322`	`330`	`}`
`323`	`331`