Merge branch 'fix/99-right-nav-bar#VEGA-4856' into 'main'

VEGA-4856 Корректировка правого элемента меню

See merge request common/vega/beecloud-docs!28

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;
   }
 }
 

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;
+  
+        }
+      }
     }
+  }
 }