diff options
author | nztqa <nztqa@users.noreply.github.com> | 2017-11-29 17:06:33 +0900 |
---|---|---|
committer | nztqa <nztqa@users.noreply.github.com> | 2017-11-29 17:06:33 +0900 |
commit | c31d7455f7b7de4198ee46c59fe0886c54bf457c (patch) | |
tree | d4226cd2278347c4f24d51b690b0f4932526a482 /client/components/lists/list.styl | |
parent | 162b15c0cdba99c406f41a80a431f2b99f4ff027 (diff) | |
download | wekan-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.styl | 49 |
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 |