fix the bugs of side-bar (#357)

Signed-off-by: aryan lamba <[email protected]>

Author: lambaaryan011

postdoc.config.js

@@ -43,6 +43,7 @@ export default {
   apidocs: {
     source: API_DOCS_FOLDER,
     layout: 'api/index.ejs',
+    source: '/path/to/nightwatch/lib/api/',
 
     createUrl(filePath) {
       const fileName = basename(filePath, extname(filePath));

public/css/sidebar.css

@@ -449,7 +449,7 @@ body.navbar-visible .bs-sidebar {
 
 .right-side-nav {
   position: fixed;
-  right: 10px;
+  right: 5px;
   top: 120px;
 }
 
@@ -459,6 +459,7 @@ body.navbar-visible .bs-sidebar {
   padding-top: 10px;
   padding-left: 0;
   padding-right: 0px;
+  
 }
 
 /* @media screen and (max-width: 1400px) {

public/css/style.css

@@ -1244,12 +1244,11 @@ html {
 .doc-sideNav {
   top: 50px;
   padding-top: 50px;
-  position: sticky;
+  /* position: static; */
   height: 100%;
   padding-right: 0;
   padding-left: 0;
 }
-
 .doc-sideNav ul {
   list-style-type: none;
   padding-left: 20px;
@@ -2474,6 +2473,7 @@ section.secondary h1.community-support-title {
 
 .doc-container.full-width .doc-main-body {
   border-right: 1px solid #F6F6F6;
+  max-width: 60%;
 }
 
 .doc-main-body h1,

src/includes/rightSidebarContent.ejs

@@ -7,7 +7,7 @@ const content = [...pageContent.matchAll(/<h3[^>]*id="([^"]+)".*?>(?:<a[^>]*>([^
                 }));
 %>
 
-<div class="wrapper">
+<div class="wrapper22" style="position: static;">
     <h5>On this page</h5>
     <nav class="main-side-nav">
         <% content.forEach(({ id, title }) => { %>

src/includes/sections/guide.ejs

@@ -417,7 +417,7 @@
             </div>
 
             <div class="d-none d-xl-block col-xl-2 doc-sideNav right-side-nav">
-                <div class="wrapper">
+                <div class="wrapper" style="background-color: blueviolet;">
                     <h5>On this page</h5>
                     <nav class="main-side-nav">
                         <% rightSidebarContent.forEach(({ id, title }) => { %>