diff --git a/src/.vitepress/theme/components/CustomContent.vue b/src/.vitepress/theme/components/CustomContent.vue index 33d6734..c5bc762 100644 --- a/src/.vitepress/theme/components/CustomContent.vue +++ b/src/.vitepress/theme/components/CustomContent.vue @@ -82,7 +82,7 @@ const { hasSidebar } = useSidebar() .VPContent.has-sidebar { margin: var(--vp-layout-top-height, 0px) 0 0; - padding-left: var(--vp-sidebar-width); + padding-left: 320px; } } diff --git a/src/.vitepress/theme/scss/components/vp-doc-aside.scss b/src/.vitepress/theme/scss/components/vp-doc-aside.scss index ed267ae..24038aa 100644 --- a/src/.vitepress/theme/scss/components/vp-doc-aside.scss +++ b/src/.vitepress/theme/scss/components/vp-doc-aside.scss @@ -1,10 +1,49 @@ -.VPDocAside { - .outline-link { - font-size: 16px; - } +@use '@beeline/design-tokens/scss/tokens/components/navigationDrawer'; - .outline-title { - font-size: 17px; - font-weight: 500; +.VPDocAside { + .outline-link { + font-weight: 400; + font-size: 17px; + line-height: 22px; + letter-spacing: 0.2px; + padding-top: 8px; + padding-bottom: 8px; + white-space: unset; + } + + .outline-link.active { + font-weight: 500 !important; + } + + .outline-title { + font-size: 17px; + font-weight: 500; + line-height: 22px; + padding-bottom: 16px; + } + + .content { + padding-left: 0px !important; + border-left: 0px !important; + + nav { + border-left: 1px solid var(--vp-c-divider) !important; + + .outline-link { + padding-left: 20px !important; + + &.active { + padding-left: 16px !important; + position: relative !important; + left: -1px !important; + border-left: navigationDrawer.$navigation-drawer-item-indicator-width solid + navigationDrawer.$navigation-drawer-item-activated-indicator-color !important; + + border-top-right-radius: navigationDrawer.$navigation-drawer-item-indicator-border-radius-topright !important; + border-bottom-right-radius: navigationDrawer.$navigation-drawer-item-indicator-border-radius-bottomright !important; + + } + } } + } } \ No newline at end of file