summaryrefslogtreecommitdiffstats
path: root/client/components/main
diff options
context:
space:
mode:
authorMaxime Quandalle <maxime@quandalle.com>2015-06-08 11:47:06 +0200
committerMaxime Quandalle <maxime@quandalle.com>2015-06-09 15:57:45 +0200
commit46cc69153482a6138e1057ece9cec836dd95451e (patch)
tree79a22f159d20dfca8af4b50877ed40a335233763 /client/components/main
parent98d7278d08dabc9e1da5dcd9a9bb968ab369520e (diff)
downloadwekan-46cc69153482a6138e1057ece9cec836dd95451e.tar.gz
wekan-46cc69153482a6138e1057ece9cec836dd95451e.tar.bz2
wekan-46cc69153482a6138e1057ece9cec836dd95451e.zip
Re-factor the avatar system and support avatar uploads
The user is now able to upload an avatar, and pick one in a list. This functionality should eventually be abstracted in a community package but we still need to work on a great public API. We rely on collectionFS to manage uploaded avatars. We also removed bengott:avatar which was trying to solve the wrong problem (namely displaying the avatar, which is as simple as displaying an image), and not a avatar system as it should be. Gravatar support is coming (back) soon. We may also want to have a list of default fun avatars the user can choose instead of uploading its own one.
Diffstat (limited to 'client/components/main')
-rw-r--r--client/components/main/popup.styl74
1 files changed, 4 insertions, 70 deletions
diff --git a/client/components/main/popup.styl b/client/components/main/popup.styl
index 43b0dae7..ce40fc83 100644
--- a/client/components/main/popup.styl
+++ b/client/components/main/popup.styl
@@ -13,7 +13,7 @@
hr
margin: 4px -10px
- width: 275px + 2*10px
+ width: 300px
input[type="text"],
input[type="email"],
@@ -122,12 +122,8 @@
margin-bottom: 8px
.pop-over-list
- &.navigable li.not-selectable>a:hover,
- li.not-selectable>a:hover
- color: #8c8c8c
- cursor: default
-
li > a
+ clear: both
cursor: pointer
display: block
font-weight: 700
@@ -153,7 +149,6 @@
background: #fff
.sub-name
- clear: both
color: #8c8c8c
display: block
font-size: 12px
@@ -164,21 +159,6 @@
&.current
background-color: #e2e6e9
- .unread-indicator
- background: #2e85b8
- background: linear-gradient(to bottom, #2e85b8 0, #2b7cab 100%)
- border-radius: 7px
- display: block
- height: 14px
- opacity: 0
- position: absolute
- right: 16px
- top: 8px
- width: 14px
-
- &.any
- opacity: 1
-
&:active
background-color: #2e85b8
@@ -204,8 +184,7 @@
margin: 0
.pop-over-list.checkable
-
- .icon-check
+ .fa-check
display: none
position: absolute
top: 6px
@@ -214,54 +193,9 @@
li.active a
padding-right: 28px
- .icon-check
+ .fa-check
display: block
- &.left-check
-
- .icon-check
- right: auto
- left: 10px
-
- li a
- padding-right: 10px
- padding-left: 30px
-
- li.active a
- padding-right: 10px
-
- &.normal-weight li>a
- font-weight: 400
-
- &.navigable
-
- li > a:hover
- background-color: transparent
- color: #4d4d4d
-
- .sub-name,
- .quiet
- color: #8c8c8c
-
- li.selected > a
- background-color: #005377
- color: #fff
-
- .sub-name,
- .quiet
- color: #eee
-
- li.selected > a
-
- &.current
- background-color: #005377
-
- .unread-indicator
- background: #fff
-
- &:active
- background-color: #005377
-
.pop-over.miniprofile
.header
border-bottom-color: transparent