Merge pull request #58 from madhuramendis/main

madhuramendis · web-flow · commit 45ef1a8d272d · 2025-08-11T11:48:31.000+05:30
Update styling
diff --git a/_layouts/docs.html b/_layouts/docs.html
@@ -28,14 +28,19 @@
   <script src="/js/prism.js"></script>
   <link href="/css/prism.css" rel="stylesheet" />
 
-
+{% include scripts.html %}
 
 </head>
 <body>
   {% include nav.html %}
 
   <div class="container-fluid">
     <div class="row">
+      <a class="cDocsMenu">
+        Docs Menu
+      <img src="/img/docsmenu.svg"/>
+       
+      </a>
       <nav class="col-lg-2 col-md-3 bg-light sidebar py-4">
 
 <div class="accordion" id="mainAccordion">
@@ -46,10 +51,7 @@
 
       </nav>
 
-   
-      
-
-      
+    
 
       <!-- Main Documentation Content -->
       <main class="col-lg-8 col-md-9 col-12 py-4">
@@ -165,6 +167,11 @@ <h6 class="text-muted">On this page</h6>
       document.title = h1.textContent + "";
     }
   });
+  $(document).ready(function() {
+  $(".cDocsMenu").on("click", function() {
+    $(".sidebar").toggleClass("cShow");
+  });
+});
 </script>
 </body>
 </html>
diff --git a/css/openchoreo-docs.css b/css/openchoreo-docs.css
@@ -412,16 +412,60 @@ body.cDarkMode .copy-btn.copied {
 body.cDarkMode .copy-btn.copied svg {
   fill: white;
 }
+
+.cDocsMenu  {
+  border: 1px solid #d9d9d9;
+  padding: 5px 15px;
+  width: auto;
+  border-radius: 10px;
+  margin-top: 10px;
+  margin-left: 5px;
+  text-decoration: none !important;
+  color: #000;
+  line-height: 30px;
+  display: none;
+
+}
+
+body.cDarkMode .cDocsMenu  {
+  border: 1px solid #d9d9d9;
+  color: #fff;
+
+}
+
+.cDocsMenu img {
+height: 30px;
+width: 30px;
+margin-left: 10px;
+
+}
+
+body.cDarkMode .cDocsMenu img {
+filter: invert(1);
+
+}
+
+
 /* #mainAccordion a {
 color: #B7B7B7;
 } */
 
 /* Responsive */
-@media (max-width: 991.98px) {
+@media (max-width: 998px) {
   .sidebar {
     position: relative;
     height: auto;
     top: auto;
+    display: none !important;
+  }
+  .cDocsMenu {
+    display: block;
+    margin-bottom: 10px;
+  }
+
+  .sidebar.cShow {
+    display:block !important;
+    position: static !important;
   }
 
   .toc {
diff --git a/img/docsmenu.svg b/img/docsmenu.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800"><defs><style>.cls-1{fill:none;stroke:#231f20;stroke-linecap:round;stroke-miterlimit:133.33;stroke-width:50px;}</style></defs><path class="cls-1" d="M666.67,233.33H133.33"/><path class="cls-1" d="M666.67,400H133.33"/><path class="cls-1" d="M666.67,566.67H133.33"/></svg>
