diff options
| author | Lauri Ojansivu <x@xet7.org> | 2017-11-29 12:11:02 +0200 |
|---|---|---|
| committer | Lauri Ojansivu <x@xet7.org> | 2017-11-29 12:11:02 +0200 |
| commit | c72792e4ed0e1ff88a1de494e7885238dc6c9881 (patch) | |
| tree | c8fd646292b810f12ab53762d2404b82d58b2f64 /client/components/lists/list.styl | |
| parent | 7e4b42e9b3482460cac77a603809a8b5d4016477 (diff) | |
| parent | c3e2ee1db8b84102ffb58ffa07d6a0a687ef7455 (diff) | |
| download | wekan-c72792e4ed0e1ff88a1de494e7885238dc6c9881.tar.gz wekan-c72792e4ed0e1ff88a1de494e7885238dc6c9881.tar.bz2 wekan-c72792e4ed0e1ff88a1de494e7885238dc6c9881.zip | |
Merge branch 'nztqa-conflict-resolution-458' into devel
Optimize for mobile web, show single list per page with navigate bar.
Thanks to floatinghotpot and nztqa ! Related #953
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 |