usernavigator done

browser/styles/main/HomeContainer/components/ArticleTopBar.styl

@@ -1,5 +1,6 @@
 bgColor = #E6E6E6
 inputBgColor = white
+iptFocusBorderColor = #369DCD
 
 refreshBtColor = #B3B3B3
 refreshBtnActiveColor = #3A3A3A
@@ -22,31 +23,32 @@ infoBtnActiveBgColor = #3A3A3A
       margin-top 13.5px
       margin-left 15px
       width 350px
-      border-radius 22px
-      background-color inputBgColor
       padding 5px 15px
       transition 0.1s
       font-size 16px
       border 1px solid transparent
-      border-color transparent
-      &.focus
-        border-color brandBorderColor
       input
-        absolute top right
-        left 35px
-        width 300px
+        absolute top left
+        width 350px
+        border-radius 16.5px
+        background-color inputBgColor
+        border 1px solid transparent
+        padding-left 35px
         outline none
         font-size 14px
-        border none
         height 33px
         line-height 33px
-        background-color transparent
+        z-index 0
+        &:focus
+          border-color iptFocusBorderColor
       i.fa
         position absolute
         display block
         top 0
         left 10px
         line-height 33px
+        z-index 1
+        pointer-events none
     &>.refreshBtn
       float left
       width 33px

browser/styles/main/HomeContainer/components/UserNavigator.styl

@@ -13,7 +13,12 @@ userAnchorActiveBgColor = white
   text-align center
   box-sizing border-box
   ul.userList
-    margin-top 25px
+    position absolute
+    top 25px
+    left 0
+    right 0
+    bottom 70px
+    // overflow-y auto
     &>li
       a
         display block

browser/styles/main/HomeContainer/lib/CreateNewTeam.styl

@@ -19,7 +19,7 @@ stripBtnColor = lighten(stripHoverBtnColor, 35%)
     background-color transparent
     border none
     color stripBtnColor
-    &hover
+    &:hover
       color stripHoverBtnColor
   .title
     font-size 32px
@@ -36,7 +36,7 @@ stripBtnColor = lighten(stripHoverBtnColor, 35%)
     border-radius 5px
     border solid 1px borderColor
     outline none
-    &focus
+    &:focus
       border-color iptFocusBorderColor
   .alert
     padding 0 15px
@@ -47,6 +47,8 @@ stripBtnColor = lighten(stripHoverBtnColor, 35%)
     border-radius 5px
     color infoTextColor
     background-color infoBackgroundColor
+    white-space nowrap
+    overflow-x auto
     &.error
       color errorTextColor
       background-color errorBackgroundColor
@@ -87,31 +89,56 @@ stripBtnColor = lighten(stripHoverBtnColor, 35%)
     .ipt
       margin 105px auto 15px
   .selectTab
-    .ipt
+    .memberForm
+      display block
       margin 25px auto 15px
+      width 330px
       clearfix()
       padding 0
-      input
+      font-size 14px
+      height 44px
+      line-height 44px
+      outline none
+      .Select.memberName
         display block
         margin 0
         float left
         width 280px
-        height 42px
-        padding 0 0 0 15px
+        height 44px
         font-size 14px
         border none
         line-height 44px
         background-color transparent
         outline none
-        &:hover
+        &.is-focus
+          .Select-control
+            border-color iptFocusBorderColor
+        .Select-control
+          height 44px
+          line-height 44px
+          padding 0 0 0 15px
+          border-radius 5px 0 0 5px
+          border 1px solid borderColor
+          border-right none
+          .Select-placeholder
+            padding 0 0 0 15px
+          .Seleect-arrow
+            top 21px
+          .Select-clear
+            padding 0 10px
+        .Select-noresults, .Select-option
+          line-height 44px
+          padding 0 0 0 15px
+
+        &:focus, &.focus
           border-color iptFocusBorderColor
       button
         font-weight 400
-        height 42px
+        height 44px
         cursor pointer
         margin 0
         padding 0
-        width 48px
+        width 50px
         float right
         border none
         background-color brandColor
@@ -158,9 +185,9 @@ stripBtnColor = lighten(stripHoverBtnColor, 35%)
             margin-right 35px
             outline none
             cursor pointer
-            &hover
+            &:hover
               border-color borderColor
-            &focus
+            &:focus
               border-color iptFocusBorderColor
           button
             border none
@@ -168,5 +195,5 @@ stripBtnColor = lighten(stripHoverBtnColor, 35%)
             margin-top 7px
             background-color transparent
             color stripBtnColor
-            &hover
+            &:hover
               color stripHoverBtnColor

browser/styles/main/components/Select.styl

@@ -141,8 +141,8 @@
   cursor: pointer;
 }
 .Select-menu-outer {
-  border-bottom-right-radius: 4px;
-  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 5px;
+  border-bottom-left-radius: 5px;
   background-color: #ffffff;
   border: 1px solid #cccccc;
   border-top-color: #e6e6e6;
@@ -168,8 +168,8 @@
   padding: 8px 10px;
 }
 .Select-option:last-child {
-  border-bottom-right-radius: 4px;
-  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 5px;
+  border-bottom-left-radius: 5px;
 }
 .Select-option.is-focused {
   background-color: #f2f9fc;