2 files changed, 50 insertions, 0 deletions
diff --git a/plugins/base/src/main/resources/dokka/scripts/scripts.js b/plugins/base/src/main/resources/dokka/scripts/scripts.js
index c2e29b9f..85dfd86f 100644
--- a/plugins/base/src/main/resources/dokka/scripts/scripts.js
+++ b/plugins/base/src/main/resources/dokka/scripts/scripts.js
@@ -8,4 +8,10 @@ document.getElementById("navigationFilter").oninput = function (e) {
     		part.classList.add("filtered");
     	}
 	}
+}
+
+window.addEventListener("DOMContentLoaded", () => {
+    document.getElementById("leftToggler").onclick = function() {
+        document.getElementById("leftColumn").classList.toggle("open");
+    }
 }
 \ No newline at end of file
diff --git a/plugins/base/src/main/resources/dokka/styles/style.css b/plugins/base/src/main/resources/dokka/styles/style.css
index 41e2536f..37d6383c 100644
--- a/plugins/base/src/main/resources/dokka/styles/style.css
+++ b/plugins/base/src/main/resources/dokka/styles/style.css
@@ -1075,3 +1075,47 @@ div.runnablesample {
     margin-top: 0.2em;
     margin-bottom: 0.2em;
 }
+
+@media screen and (max-width: 759px) {
+    #main {
+        max-width: 100%;
+    }
+    #leftColumn {
+        position: absolute;
+        margin-left: -280px;
+        transition: margin .2s ease-out;
+        z-index: 4;
+        background: white;
+    }
+    #leftColumn.open {
+        margin-left: 0;
+    }
+    #leftColumn.open ~ #main #searchBar {
+        display: none;
+    }
+     #leftToggler {
+        display: unset;
+        position: fixed;
+        top: 50%;
+        transform: translateY(-50%);
+        margin-left: 12px;
+        z-index: 5;
+        font-size: 30px;
+        transition: margin .2s ease-out;
+    }
+    #leftColumn.open ~ #main #leftToggler {
+        margin-left: 280px;;
+    }
+    .icon-toggler::before {
+        content: "\232A";
+    }
+    #leftColumn.open ~ #main .icon-toggler::before {
+        content: "\2329";
+    }
+    .sideMenuPart > .overview:before {
+        width: 100%;
+    }
+    .popup-wrapper {
+        width: 100%; !important
+    }
+}
+\ No newline at end of file