From 354eff9f7bf550f83d55ef2e96b10aab1a70162d Mon Sep 17 00:00:00 2001
From: Liming Xie <liming.xie@gmail.com>
Date: Thu, 17 Dec 2015 14:23:35 +0800
Subject: add: support compact mode for mobile web, auto adapt to small
 screen/window

---
 client/components/cards/cardDetails.styl | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

(limited to 'client/components/cards/cardDetails.styl')

diff --git a/client/components/cards/cardDetails.styl b/client/components/cards/cardDetails.styl
index 8d71c54d..4ac0578b 100644
--- a/client/components/cards/cardDetails.styl
+++ b/client/components/cards/cardDetails.styl
@@ -94,3 +94,20 @@ input[type="submit"].attachment-add-link-submit
   margin: 0 0 8px 4px
   padding: 6px 12px
   width: 18%
+
+@media screen and (max-width: 800px)
+  .card-details
+    width: calc(100% - 40px)
+    padding: 0px 20px 0px 20px
+    margin: 0px
+    transition: none
+
+    .card-details-canvas
+      width: 100%
+
+    .card-details-header
+      .close-card-details
+        margin-right: 0px
+
+      .card-details-menu
+        margin-right: 10px
-- 
cgit v1.2.3-1-g7c22