Merge pull request #57 from yjose/fix/fix_docs

fix sticky sidebar position

Author: yjose

docs/src/components/common/Layout/Sidebar/index.jsx

@@ -28,8 +28,11 @@ const Sidebar = ({ pages }) => {
 	return (
       <>
         <div className="sidebar website-sidebar" key="SW">
-        	<Menu routes={routes} />
-        	<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CK7D52QE&placement=react-popupelazizicom" id="_carbonads_js" />
+        	<div className="sticky-sidebar">
+        		<Menu routes={routes} />
+        		<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CK7D52QE&placement=react-popupelazizicom" id="_carbonads_js" />
+        	</div>
+
         </div>
         <div className="sidebar mobile-sidebar" key="SM">
         	<Popup

docs/src/components/common/Layout/css/sidebar.css

@@ -2,11 +2,13 @@
   width: 250px !important;
   padding: 20px 5px;
 }
-
-.menu {
-  background: transparent;
+.sticky-sidebar{
   position: sticky;
   top: 20px;
+  width: 100%;
+}
+.menu {
+  background: transparent;
   display: block;
   padding: 0;
   margin-left: 0px;