From 748fdef1fbded624a786533e8f065b91a047b91c Mon Sep 17 00:00:00 2001
From: samogot <samogot@gmail.com>
Date: Sat, 30 Jul 2016 03:54:42 +0900
Subject: Online status in all modals (#3617)

* add wrapper to modal avatar image which show small round indicator of online/away status of member in all modals

* add offline indicator

* the color of the status indicators follow the theme
---
 webapp/sass/components/_modal.scss | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

(limited to 'webapp/sass/components')

diff --git a/webapp/sass/components/_modal.scss b/webapp/sass/components/_modal.scss
index 6e5ff5d06..5ea1337f1 100644
--- a/webapp/sass/components/_modal.scss
+++ b/webapp/sass/components/_modal.scss
@@ -503,7 +503,28 @@
         @include border-radius(60px);
         flex-grow: 0;
         flex-shrink: 0;
-        margin-right: 8px;
+	  	max-width: none;
+
+        &-wrapper {
+            position: relative;
+            display: inline-block;
+            margin-right: 8px;
+
+            &:after {
+                content: "";
+                right: 0;
+                bottom: 0;
+                width: 25%;
+                height: 25%;
+                display: block;
+                position: absolute;
+                border-radius: 100%;
+            }
+
+            &.status-offline:after {
+                background: #D3D3D3;
+            }
+        }
     }
 
     .more-modal__details {
-- 
cgit v1.2.3-1-g7c22