From dea52907bdbed92c95dec7e7e832ac95d9f9d388 Mon Sep 17 00:00:00 2001
From: Maxime Quandalle <maxime@quandalle.com>
Date: Fri, 5 Jun 2015 21:37:13 +0200
Subject: Start designing the card details pane

Implement a dynamic overflow to focus sight on the pane.
---
 client/components/users/userAvatar.jade | 3 +--
 client/components/users/userAvatar.styl | 7 +++++++
 2 files changed, 8 insertions(+), 2 deletions(-)

(limited to 'client/components/users')

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