Fix settings design on mobile

2017-01-28 21:57:03 +01:00 · 2017-01-28 21:57:03 +01:00 · 9b2c728251
parent 23b997ae55
commit 9b2c728251
1 changed files with 24 additions and 0 deletions
--- a/app/assets/stylesheets/admin.scss
+++ b/app/assets/stylesheets/admin.scss
@ -108,6 +108,30 @@
  .simple_form {
    max-width: 400px;
  }
+
+  @media screen and (max-width: 600px) {
+    display: block;
+    overflow-y: auto;
+
+    .sidebar-wrapper, .content-wrapper {
+      flex: 0 0 auto;
+      height: auto;
+    }
+
+    .sidebar {
+      width: 100%;
+      padding: 10px 0;
+      height: auto;
+
+      .logo {
+        margin: 20px auto;
+      }
+    }
+
+    .content {
+      padding-top: 20px;
+    }
+  }
 }

 .filters {