diff --git a/_layouts/docs.html b/_layouts/docs.html index 4ba3303..f40adb4 100755 --- a/_layouts/docs.html +++ b/_layouts/docs.html @@ -28,7 +28,7 @@ - +{% include scripts.html %} @@ -36,6 +36,11 @@
+ + Docs Menu + + + - - - - +
@@ -165,6 +167,11 @@
On this page
document.title = h1.textContent + ""; } }); + $(document).ready(function() { + $(".cDocsMenu").on("click", function() { + $(".sidebar").toggleClass("cShow"); + }); +}); diff --git a/css/openchoreo-docs.css b/css/openchoreo-docs.css index 4b8acbb..6057fb0 100644 --- 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 new file mode 100644 index 0000000..e2c5039 --- /dev/null +++ b/img/docsmenu.svg @@ -0,0 +1 @@ + \ No newline at end of file