diff options
| author | Liming Xie <liming.xie@gmail.com> | 2015-12-17 14:23:35 +0800 |
|---|---|---|
| committer | Liming Xie <liming.xie@gmail.com> | 2015-12-17 14:23:35 +0800 |
| commit | 354eff9f7bf550f83d55ef2e96b10aab1a70162d (patch) | |
| tree | 34cba5531d56d4ca51ed5346a5f26e480c4a33c7 /client/components/boards/boardsList.styl | |
| parent | 0954cff5b470712210275a9c0699d85d6579ab54 (diff) | |
| download | wekan-354eff9f7bf550f83d55ef2e96b10aab1a70162d.tar.gz wekan-354eff9f7bf550f83d55ef2e96b10aab1a70162d.tar.bz2 wekan-354eff9f7bf550f83d55ef2e96b10aab1a70162d.zip | |
add: support compact mode for mobile web, auto adapt to small screen/window
Diffstat (limited to 'client/components/boards/boardsList.styl')
| -rw-r--r-- | client/components/boards/boardsList.styl | 25 |
1 files changed, 22 insertions, 3 deletions
diff --git a/client/components/boards/boardsList.styl b/client/components/boards/boardsList.styl index e24940a0..83d4c9c7 100644 --- a/client/components/boards/boardsList.styl +++ b/client/components/boards/boardsList.styl @@ -1,7 +1,7 @@ $spaceBetweenTiles = 16px .board-list - margin: $spaceBetweenTiles ($spaceBetweenTiles/-2) 0 + margin: 0 ($spaceBetweenTiles/2) li float: left @@ -24,8 +24,8 @@ $spaceBetweenTiles = 16px display: block font-weight: 700 min-height: 18px - padding: 8px 12px 8px 12px - margin: 0 ($spaceBetweenTiles/2) $spaceBetweenTiles + padding: 8px + margin: ($spaceBetweenTiles/2) position: relative text-decoration: none @@ -128,3 +128,22 @@ $spaceBetweenTiles = 16px font-size: 25px color: white +@media screen and (max-width: 800px) + .board-list + height: 100% + overflow: scroll + + li + width: 33.3% + + .board-list-item + overflow: hidden + + .board-list-item-sub-name + position: relative + top: -100px + left: -100px + +@media screen and (max-width: 360px) + li + width: 50% |