diff options
| author | Kevyn Bruyere <6eme.hokage@gmail.com> | 2016-06-15 14:30:32 +0200 |
|---|---|---|
| committer | Christopher Speller <crspeller@gmail.com> | 2016-06-15 06:30:32 -0600 |
| commit | d6fdd936797890565dff4e6951a6792b7e09831c (patch) | |
| tree | ca188cd891cb4930bae303f1d5f92250c75deba3 /webapp/sass/components | |
| parent | dbcf8572e5af1c0c244850627437d97616098740 (diff) | |
| download | chat-d6fdd936797890565dff4e6951a6792b7e09831c.tar.gz chat-d6fdd936797890565dff4e6951a6792b7e09831c.tar.bz2 chat-d6fdd936797890565dff4e6951a6792b7e09831c.zip | |
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
Diffstat (limited to 'webapp/sass/components')
| -rw-r--r-- | webapp/sass/components/_status-icon.scss | 33 |
1 files changed, 33 insertions, 0 deletions
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 |