summaryrefslogtreecommitdiffstats
path: root/client/components/lists/list.styl
diff options
context:
space:
mode:
authornztqa <nztqa@users.noreply.github.com>2017-11-29 17:06:33 +0900
committernztqa <nztqa@users.noreply.github.com>2017-11-29 17:06:33 +0900
commitc31d7455f7b7de4198ee46c59fe0886c54bf457c (patch)
treed4226cd2278347c4f24d51b690b0f4932526a482 /client/components/lists/list.styl
parent162b15c0cdba99c406f41a80a431f2b99f4ff027 (diff)
downloadwekan-c31d7455f7b7de4198ee46c59fe0886c54bf457c.tar.gz
wekan-c31d7455f7b7de4198ee46c59fe0886c54bf457c.tar.bz2
wekan-c31d7455f7b7de4198ee46c59fe0886c54bf457c.zip
Optimize for mobile web, show single list per page with navigate bar
Diffstat (limited to 'client/components/lists/list.styl')
-rw-r--r--client/components/lists/list.styl49
1 files changed, 49 insertions, 0 deletions
diff --git a/client/components/lists/list.styl b/client/components/lists/list.styl
index b7bc33e8..04685137 100644
--- a/client/components/lists/list.styl
+++ b/client/components/lists/list.styl
@@ -53,6 +53,9 @@
&.ui-sortable-handle
cursor: grab
+ .list-header-left-icon
+ display: none
+
.list-header-name
display: inline
font-size: 16px
@@ -135,3 +138,49 @@
div
float: left
+
+@media screen and (max-width: 800px)
+ .mini-list
+ flex: 0 0 60px
+ height: 60px
+ width: 100%
+ border-left: 0px
+ border-bottom: 1px solid darken(white, 20%)
+
+ .list
+ display: block
+ width: 100%
+ border-left: 0px
+
+ &.ui-sortable-helper
+ flex: 0 0 60px
+ height: 60px
+ width: 100%
+ border-left: 0px
+ border-bottom: 1px solid darken(white, 20%)
+
+ .list-header.ui-sortable-handle
+ cursor: grabbing
+
+ &.placeholder
+ flex: 0 0 60px
+ height: 60px
+ width: 100%
+ border-left: 0px
+ border-bottom: 1px solid darken(white, 20%)
+
+ .list-header
+
+ .list-header-left-icon
+ display: inline
+ padding: 7px
+ padding-right: 27px
+ margin-top: 1px
+ top: -@padding
+ left: -@padding
+
+ .list-header-menu-icon
+ position: absolute
+ padding: 7px
+ top: -@padding
+ right: 17px