From 111b147da356c45d7c28f120eac34c66080c8ffc Mon Sep 17 00:00:00 2001 From: okash1n <48118431+okash1n@users.noreply.github.com> Date: Thu, 29 Jan 2026 03:25:38 +0900 Subject: [PATCH] fix: draw aside divider with pseudo-element --- docs/.vitepress/theme/custom.css | 18 +++++++++++++++--- 1 file changed, 15 insertions(+), 3 deletions(-) diff --git a/docs/.vitepress/theme/custom.css b/docs/.vitepress/theme/custom.css index d19e4be..3522279 100644 --- a/docs/.vitepress/theme/custom.css +++ b/docs/.vitepress/theme/custom.css @@ -180,10 +180,22 @@ html body .VPSidebar > div { display: none !important; } -/* Keep divider aligned with the actual aside column */ +/* Keep divider aligned with the aside and reach the header */ @media (min-width: 960px) { - .VPDoc.has-aside .aside { - border-left: 1px solid var(--vp-c-divider); + .VPDoc.has-aside .aside::before { + content: ''; + position: absolute; + top: calc(-1 * (var(--vp-doc-top-height, 0px) + 48px)); + bottom: 0; + left: 0; + width: 1px; + background: var(--vp-c-divider); + pointer-events: none; + } + + .VPDoc.has-aside .aside.left-aside::before { + left: auto; + right: 0; } }