docs: fix - make sidebar sticky on desktop (#6351)

* docs: fix - disable overscroll behaviour and make sidebar sticky on desktop

* docs: revert overscrolling

Author: ewgenius

docs/src/components/Layout/MainMenu.tsx

@@ -94,6 +94,7 @@ const MainMenu: React.FC<Props> = (props = defaultProps) => {
     <Col
       {...layout.leftSidebar.width}
       xs={props.mobileMode === 'menu' ? 24 : 0}
+      className={cx(styles.menuWrapperCol)}
     >
       <div className={cx(styles.menuWrapper, styles.menuWrapperHack)}>
         <Menu {...menuProps} className={styles.antMenu}>

docs/static/styles/_layout.scss

@@ -401,27 +401,34 @@ span.group-header {
 }
 
 .menuWrapperHack {
-  padding-top: 56px !important;
-  margin-top: -40px;
   @media screen and (max-width: 767px) {
+    height: 100% !important;
+    position: fixed;
+    top: 0;
     padding-top: 70px !important;
     margin-top: 0;
   }
 }
 
+.menuWrapperCol {
+  position: sticky;
+  top: 64px;
+}
+
 .menuWrapper {
-  height: 100%;
-  width: inherit;
+  // height: 100%;
+  height: calc(100vh - 64px);
+  width: 100%;
   background: $sidebar-bg;
-  padding: 16px 24px;
+  padding: 16px 24px 24px;
   overflow-y: auto;
   overflow-x: hidden;
-  position: fixed;
+  // position: fixed;
   //padding-left: calc(9999px + 24px);
   //padding-right: 24px;
   //margin-left: -9999px;
   //min-width: 245px;
-  max-height: calc(100% - 66px);
+  // max-height: calc(100% - 66px);
   //background: $light;
 
   @media screen and (max-width: 767px) {