From d6fdd936797890565dff4e6951a6792b7e09831c Mon Sep 17 00:00:00 2001
From: Kevyn Bruyere <6eme.hokage@gmail.com>
Date: Wed, 15 Jun 2016 14:30:32 +0200
Subject: PLT-946 Add status icon to the left of the username in DM channel
 (#3258)

Add a StatusIcon component to be able to display a status icon from anywhere
---
 webapp/sass/components/_status-icon.scss | 33 ++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 webapp/sass/components/_status-icon.scss

(limited to 'webapp/sass/components')

diff --git a/webapp/sass/components/_status-icon.scss b/webapp/sass/components/_status-icon.scss
new file mode 100644
index 000000000..32ce07164
--- /dev/null
+++ b/webapp/sass/components/_status-icon.scss
@@ -0,0 +1,33 @@
+@charset 'UTF-8';
+
+.status {
+    display: inline-block;
+    margin-right: 6px;
+    position: relative;
+    top: 1px;
+    width: 12px;
+
+    svg {
+        max-height: 14px;
+    }
+
+    i,
+    path,
+    ellipse {
+        @include opacity(.5);
+
+        &.online--icon,
+        &.away--icon {
+            @include opacity(1);
+        }
+    }
+
+    .fa-lock {
+        margin-left: 1px;
+    }
+
+    .fa-globe {
+        position: relative;
+        top: -1px;
+    }
+}
\ No newline at end of file
-- 
cgit v1.2.3-1-g7c22