added to sidebar too

Author: claudiacodacy

docusaurus/src/css/imports/components/main-section.css

@@ -7,7 +7,35 @@
         border: 1px solid var(--ifm-color-emphasis-300);
         border-radius: 1rem 0 0 1rem;
         padding: 1rem 0.5rem !important;
+        position: relative;
     }
+
+    .menu::after {
+        content: '';
+        position: fixed;
+        display: block;
+        width: calc(var(--doc-sidebar-width));
+        height: 2rem;
+        border-color: var(--ifm-color-emphasis-300);
+        border-style: solid;
+        border-width: 1px 0 0 1px;
+        border-radius: 1rem 0 0 0;
+        top: calc(var(--ifm-navbar-height));
+        left: 2rem;
+        z-index: 2;
+    }
+    
+    .menu::before {
+        content: '';
+        position: fixed;
+        width: 1rem;
+        height: 10rem;
+        background: var(--ifm-background-surface-color);
+        top: calc(var(--ifm-navbar-height) - 9rem);
+        left: 2rem;
+        z-index: 1;
+    }
+
 }
 
 @media (max-width: 1200px){

docusaurus/src/theme/DocRoot/Layout/Main/styles.module.css

@@ -32,11 +32,10 @@
     display: block;
     width: calc(100% - var(--doc-sidebar-width) - 2rem - 2rem - 1px);
     height: 2rem;
-    clip-path: inset(0 0 1rem 0);
     border-color: var(--ifm-color-emphasis-300);
     border-style: solid;
     border-width: 1px 1px 0 0;
-    border-radius: 0 1rem 1rem 0;
+    border-radius: 0 1rem 0 0;
     top: calc(var(--ifm-navbar-height));
     z-index: 2;
   }