diff options
author | Maxime Quandalle <maxime@quandalle.com> | 2015-06-05 21:37:13 +0200 |
---|---|---|
committer | Maxime Quandalle <maxime@quandalle.com> | 2015-06-05 21:37:13 +0200 |
commit | dea52907bdbed92c95dec7e7e832ac95d9f9d388 (patch) | |
tree | 22edfa8b3eb623084edcb2e25abb0bd8285b9cc4 /client/components/users | |
parent | 97807abd709f4355964b52105c0931d6671ff20b (diff) | |
download | wekan-dea52907bdbed92c95dec7e7e832ac95d9f9d388.tar.gz wekan-dea52907bdbed92c95dec7e7e832ac95d9f9d388.tar.bz2 wekan-dea52907bdbed92c95dec7e7e832ac95d9f9d388.zip |
Start designing the card details pane
Implement a dynamic overflow to focus sight on the pane.
Diffstat (limited to 'client/components/users')
-rw-r--r-- | client/components/users/userAvatar.jade | 3 | ||||
-rw-r--r-- | client/components/users/userAvatar.styl | 7 |
2 files changed, 8 insertions, 2 deletions
diff --git a/client/components/users/userAvatar.jade b/client/components/users/userAvatar.jade index a76c4617..98682eb5 100644 --- a/client/components/users/userAvatar.jade +++ b/client/components/users/userAvatar.jade @@ -1,6 +1,5 @@ template(name="userAvatar") - .member(class="{{class}} {{# if draggable }}js-member{{else}}js-member-on-card-menu{{/if}}" - title="{{userData.profile.name}} ({{userData.username}})") + .member.js-member(class="{{class}}" title="{{userData.profile.name}} ({{userData.username}})") +avatar(user=userData size=size) if showStatus span.member-presence-status(class=presenceStatusClassName) diff --git a/client/components/users/userAvatar.styl b/client/components/users/userAvatar.styl index dfe59143..1f249fcd 100644 --- a/client/components/users/userAvatar.styl +++ b/client/components/users/userAvatar.styl @@ -96,6 +96,13 @@ avatar-radius = 50% line-height: 85px width: 85px + &.add-member + display: flex + align-items: center + justify-content: center + box-shadow: 0 0 0 2px darken(white, 25%) inset + background: darken(white, 5%) + .atMention background: #dbdbdb border-radius: 3px |