From 022a3ad3033bd0f5a8426249b9d7e57c0eaf2d90 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=A0=D1=83=D1=81=D0=BE=D0=B2=D0=B8=D1=87=20=D0=92=D0=B8?= =?UTF-8?q?=D0=BE=D0=BB=D0=B5=D1=82=D1=82=D0=B0=20=D0=98=D0=B3=D0=BE=D1=80?= =?UTF-8?q?=D0=B5=D0=B2=D0=BD=D0=B0?= Date: Fri, 22 Aug 2025 06:50:47 +0000 Subject: [PATCH] =?UTF-8?q?VEGA-4856=20=D0=9A=D0=BE=D1=80=D1=80=D0=B5?= =?UTF-8?q?=D0=BA=D1=82=D0=B8=D1=80=D0=BE=D0=B2=D0=BA=D0=B0=20=D0=BF=D1=80?= =?UTF-8?q?=D0=B0=D0=B2=D0=BE=D0=B3=D0=BE=20=D1=8D=D0=BB=D0=B5=D0=BC=D0=B5?= =?UTF-8?q?=D0=BD=D1=82=D0=B0=20=D0=BC=D0=B5=D0=BD=D1=8E?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../theme/components/CustomContent.vue | 2 +- .../theme/scss/components/vp-doc-aside.scss | 53 ++++++++++++++++--- 2 files changed, 47 insertions(+), 8 deletions(-) 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