Make sidebar functional on mobule

2020-08-12 22:28:52 -05:00
parent 98234c0ef4
commit 455e78bf14
2 changed files with 20 additions and 4 deletions
--- a/app/assets/less/dashboard.less
+++ b/app/assets/less/dashboard.less
@@ -28,7 +28,7 @@ body {
  margin-left: 0;
 }

-@media (min-width: 768px) {
+//@media (min-width: 768px) {
  #sidebar-wrapper {
    margin-left: 0;
  }
@@ -41,6 +41,24 @@ body {
  #wrapper.toggled #sidebar-wrapper {
    margin-left: -15rem;
  }
+
+  #sidebar-collapser {
+    display: none;
+  }
+//}
+
+@media (max-width: 768px) {
+  #sidebar-wrapper {
+    position: absolute;
+    z-index: 1000;
+  }
+
+  #sidebar-collapser {
+    display: inline;
+    margin-right: 15px;
+    color: #666;
+    font-size: 15px;
+  }
 }

 .coreid-sidebar-wrapper {