Made side panel more mobile friendly

2022-02-01 18:00:27 -06:00
parent 9f246b1704
commit 0725549a1a
2 changed files with 47 additions and 5 deletions
--- a/docs/assets/css/style.scss
+++ b/docs/assets/css/style.scss
@@ -2,3 +2,41 @@
 ---

@import 'jekyll-theme-hacker';
+
+@media (max-width: 767px) {
+  html {
+    scroll-behavior: smooth;
+  }
+
+  .mobile-divide {
+    border-top: 1px dashed #b5e853;
+  }
+
+  .sidebar {
+    order: 2;
+    float: none;
+    width: 100%;
+    position: relative !important;
+  }
+
+  .main_area {
+    padding-left: 0px !important;
+  }
+
+  #container {
+    display: flex;
+    flex-direction: column;
+    display:flex;
+  }
+
+}
+
+@media (min-width: 768px) {
+  .menu_button {
+    display: none;
+  }
+
+  .mobile-divide {
+    display: none;
+  }
+}