summaryrefslogtreecommitdiffstats
path: root/client/components/users
diff options
context:
space:
mode:
authorLiming Xie <liming.xie@gmail.com>2015-12-17 14:23:35 +0800
committerLiming Xie <liming.xie@gmail.com>2015-12-17 14:23:35 +0800
commit354eff9f7bf550f83d55ef2e96b10aab1a70162d (patch)
tree34cba5531d56d4ca51ed5346a5f26e480c4a33c7 /client/components/users
parent0954cff5b470712210275a9c0699d85d6579ab54 (diff)
downloadwekan-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/users')
-rw-r--r--client/components/users/userForm.styl32
-rw-r--r--client/components/users/userHeader.jade5
2 files changed, 34 insertions, 3 deletions
diff --git a/client/components/users/userForm.styl b/client/components/users/userForm.styl
index dbe62b4e..48a6a74e 100644
--- a/client/components/users/userForm.styl
+++ b/client/components/users/userForm.styl
@@ -55,3 +55,35 @@
.select-lang
width: 275px
font-size: 1.0em
+
+@media screen and (max-width: 800px)
+ .auth-layout
+ width: 100%
+ height: 100%
+ margin: 0px
+ padding: 0px
+
+ .at-form-landing-logo
+ margin-top: 20px
+ margin-bottom: 20px
+
+ .at-form
+ width: calc(100% - 50px)
+ height: calc(100% - 162px)
+ margin: 0px
+ padding: 25px
+
+ button
+ width: 100%
+
+ .at-form-lang
+ width: 100%
+ margin: 0px
+ padding: 0px
+
+ .select-lang
+ width: 200px
+ font-size: 1.2em
+ position: absolute
+ left: calc((100% - 200px)/2)
+ bottom: 25px
diff --git a/client/components/users/userHeader.jade b/client/components/users/userHeader.jade
index 3fc25c8a..8e988c8e 100644
--- a/client/components/users/userHeader.jade
+++ b/client/components/users/userHeader.jade
@@ -1,13 +1,12 @@
template(name="headerUserBar")
#header-user-bar
a.header-user-bar-name.js-open-header-member-menu
- i.fa.fa-chevron-down
+ .header-user-bar-avatar
+ +userAvatar(userId=currentUser._id)
if currentUser.profile.fullname
= currentUser.profile.fullname
else
= currentUser.username
- a.header-user-bar-avatar.js-change-avatar
- +userAvatar(userId=currentUser._id)
template(name="memberMenuPopup")
ul.pop-over-list