From 354eff9f7bf550f83d55ef2e96b10aab1a70162d Mon Sep 17 00:00:00 2001
From: Liming Xie <liming.xie@gmail.com>
Date: Thu, 17 Dec 2015 14:23:35 +0800
Subject: add: support compact mode for mobile web, auto adapt to small
 screen/window

---
 client/components/users/userForm.styl   | 32 ++++++++++++++++++++++++++++++++
 client/components/users/userHeader.jade |  5 ++---
 2 files changed, 34 insertions(+), 3 deletions(-)

(limited to 'client/components/users')

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
-- 
cgit v1.2.3-1-g7c22