fix styling of sidebar

Author: Blargian

src/css/custom.scss

@@ -688,10 +688,6 @@ prism-code {
   max-width: 100%;
 }
 
-#__docusaurus {
-  height: 100%;
-}
-
 .navbar {
   flex: 0 0 var(--ifm-navbar-height);
   background: var(--click-color-background);

src/theme/DocSidebar/Desktop/styles.module.scss

@@ -1,17 +1,17 @@
 @use '../../../css/breakpoints.scss' as breakpoints;
 
-.sidebarSearchContainer {
-  margin-top: 6rem !important;
-}
-
 @media (min-width: breakpoints.$mobile-breakpoint) {
 
   .sidebar {
+    position: fixed;
+    top: 4rem;
+    overflow: auto;
+    left: 0;
     display: flex;
     flex-direction: column;
-    height: 100%;
     width: var(--doc-sidebar-width);
     max-width: 100%;
+    height: calc(100% - 3.5rem);
   }
 
   .sidebarWithHideableNavbar {
@@ -44,12 +44,12 @@
 }
 
 .sidebarSearchContainer {
-  margin-top: 2rem;
   padding: 0 1rem;
+  margin-top: 1.5rem;
 }
 
 @media (min-width: breakpoints.$laptop-breakpoint) {
   .sidebarSearchContainer {
-    margin-top: calc(var(--ifm-navbar-height) + 2rem) !important;
+    margin-top: 5rem !important;
   }
 }