From c7a375068d3337144dde85fabf4b4d5a874d70a0 Mon Sep 17 00:00:00 2001
From: Roger Braun <roger@rogerbraun.net>
Date: Tue, 17 Jan 2017 17:27:39 +0100
Subject: Basic mobile panel switcher.

---
 src/App.scss | 36 +++++++++++++++++++++++++++++++-----
 1 file changed, 31 insertions(+), 5 deletions(-)

(limited to 'src/App.scss')

diff --git a/src/App.scss b/src/App.scss
index a6a03bc0..c820779a 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -66,11 +66,6 @@ nav {
     }
 }
 
-.sidebar {
-    flex: 1;
-    flex-basis: 300px;
-}
-
 main-router {
     flex: 1;
 }
@@ -230,3 +225,34 @@ nav {
     flex: 2;
     flex-basis: 500px;
 }
+
+.sidebar {
+    flex: 1;
+    flex-basis: 300px;
+}
+
+.mobile-shown {
+    display: none;
+}
+
+.panel-switcher {
+    display: none;
+    width: 100%;
+
+    button {
+        display: block;
+        flex: 1;
+        margin: 0.5em;
+        padding: 0.5em;
+    }
+}
+
+@media all and (max-width: 959px) {
+    .mobile-hidden {
+        display: none;
+    }
+
+    .panel-switcher {
+        display: flex;
+    }
+}
-- 
cgit v1.2.3-70-g09d2