From b50f93bbaf4af0dcce36e14c23d5e2146dc285e9 Mon Sep 17 00:00:00 2001
From: robonetphy <1998patelumang@gmail.com>
Date: Thu, 23 Jun 2022 21:32:25 +0530
Subject: [PATCH] reviewed changes

---
 src/backend/views/components/sidebar.twig   | 3 ---
 src/frontend/styles/components/sidebar.pcss | 6 +++---
 src/frontend/styles/vars.pcss               | 2 --
 3 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/backend/views/components/sidebar.twig b/src/backend/views/components/sidebar.twig
index 2b6d265..fe67e58 100644
--- a/src/backend/views/components/sidebar.twig
+++ b/src/backend/views/components/sidebar.twig
@@ -6,7 +6,6 @@
 	</div>
 
 	<aside class="docs-sidebar__content docs-sidebar__content--hidden">
-		<div class="docs-sidebar__menu-wrapper">
 			{% for firstLevelPage in menu %}
 				<section class="docs-sidebar__section" data-id="{{firstLevelPage._id}}">
 					<a class="docs-sidebar__section-title-wrapper" href="{{firstLevelPage.uri ? '/' ~ firstLevelPage.uri : '/page/' ~ firstLevelPage._id }}">
@@ -36,8 +35,6 @@
 					{% endif %}
 				</section>
 			{% endfor %}
-		</div>
-
 		<div class="docs-sidebar__logo">
 			<a class="docs-sidebar__logo-wrapper" href="https://github.com/codex-team/codex.docs">
 				<div class="docs-sidebar__logo-image">
diff --git a/src/frontend/styles/components/sidebar.pcss b/src/frontend/styles/components/sidebar.pcss
index 6b36bdc..9cfd8a8 100644
--- a/src/frontend/styles/components/sidebar.pcss
+++ b/src/frontend/styles/components/sidebar.pcss
@@ -2,8 +2,6 @@
   width: 100vw;
 
   @media (--desktop) {
-    position: fixed;
-    top: var(--layout-height-header);
     width: var(--layout-sidebar-width);
   }
 
@@ -11,9 +9,11 @@
     border-bottom: 1px solid var(--color-line-gray);
     box-sizing: border-box;
     padding: var(--layout-padding-vertical) var(--layout-padding-horizontal);
+    position: sticky;
+    top: var(--layout-height-header);
     display: flex;
     flex-direction: column;
-    overflow: hidden;
+    overflow: auto;
 
     @media (--desktop) {
       height: calc(100vh - var(--layout-height-header));
diff --git a/src/frontend/styles/vars.pcss b/src/frontend/styles/vars.pcss
index 9d53565..a8b7a1f 100644
--- a/src/frontend/styles/vars.pcss
+++ b/src/frontend/styles/vars.pcss
@@ -26,7 +26,6 @@
   --layout-padding-vertical: 30px;
 
   --layout-sidebar-width: 344px;
-  --layout-padding-horizontal-aside: 22px;
 
   --layout-width-main-col: 650px;
   --layout-height-header: 56px;
@@ -42,7 +41,6 @@
     var(--layout-max-width-aside-right)
   );
 
-  --layout-height-header: 57px;
 
   @media (--extrem-wide-desktop) {
     --layout-width-aside-right: calc(