From c31d7455f7b7de4198ee46c59fe0886c54bf457c Mon Sep 17 00:00:00 2001
From: nztqa <nztqa@users.noreply.github.com>
Date: Wed, 29 Nov 2017 17:06:33 +0900
Subject: Optimize for mobile web, show single list per page with navigate bar

---
 client/components/boards/boardBody.styl | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

(limited to 'client/components/boards/boardBody.styl')

diff --git a/client/components/boards/boardBody.styl b/client/components/boards/boardBody.styl
index df5696a2..bb9beb19 100644
--- a/client/components/boards/boardBody.styl
+++ b/client/components/boards/boardBody.styl
@@ -43,3 +43,18 @@ position()
       .open-minicard-composer,
       .minicard-wrapper.is-checked
         display: none
+
+@media screen and (max-width: 800px)
+  .board-wrapper
+
+    .board-canvas
+
+      .lists
+        align-items: flex-start
+        display: flex
+        flex-direction: column
+        margin: 0
+        padding: 0 40px 0px 0
+        overflow-x: hidden
+        overflow-y: auto
+        position: cover
-- 
cgit v1.2.3-1-g7c22