summaryrefslogtreecommitdiffstats
path: root/client/components/main/layouts.styl
diff options
context:
space:
mode:
authorMaxime Quandalle <maxime@quandalle.com>2015-12-17 07:29:46 +0100
committerMaxime Quandalle <maxime@quandalle.com>2015-12-17 07:29:46 +0100
commitd6f1e6113048f349060a9a49268a8e18faada04b (patch)
tree887d73d51fc11be2ef2425ab7752ea0b91efb86e /client/components/main/layouts.styl
parent15245a9055feef9c45d14931db9d46e16b699258 (diff)
parent354eff9f7bf550f83d55ef2e96b10aab1a70162d (diff)
downloadwekan-d6f1e6113048f349060a9a49268a8e18faada04b.tar.gz
wekan-d6f1e6113048f349060a9a49268a8e18faada04b.tar.bz2
wekan-d6f1e6113048f349060a9a49268a8e18faada04b.zip
Merge pull request #442 from floatinghotpot/mobile-web
This PR improves the UI on devices or windows with small screens. Fixes #75 Fixes #437
Diffstat (limited to 'client/components/main/layouts.styl')
-rw-r--r--client/components/main/layouts.styl12
1 files changed, 12 insertions, 0 deletions
diff --git a/client/components/main/layouts.styl b/client/components/main/layouts.styl
index 0e50dd55..b364d91b 100644
--- a/client/components/main/layouts.styl
+++ b/client/components/main/layouts.styl
@@ -355,3 +355,15 @@ a
@keyframes flexGrowIn
from
flex-basis: 0
+
+@media screen and (max-width: 800px)
+ #content
+ margin: 1px 0px 49px 0px
+ height: calc(100% - 96px)
+
+ > .wrapper
+ margin-top: 0px
+
+ .wrapper
+ height: 100%
+ margin: 0px