diff options
author | samogot <samogot@gmail.com> | 2016-07-30 03:54:42 +0900 |
---|---|---|
committer | Christopher Speller <crspeller@gmail.com> | 2016-07-29 14:54:42 -0400 |
commit | 748fdef1fbded624a786533e8f065b91a047b91c (patch) | |
tree | b329aeeed4d5cf5a1e357ddfd3bdc38c3f7ad11a /webapp/sass | |
parent | c084c4ae4d12ad92941b54cbbda623320e93be22 (diff) | |
download | chat-748fdef1fbded624a786533e8f065b91a047b91c.tar.gz chat-748fdef1fbded624a786533e8f065b91a047b91c.tar.bz2 chat-748fdef1fbded624a786533e8f065b91a047b91c.zip |
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
Diffstat (limited to 'webapp/sass')
-rw-r--r-- | webapp/sass/components/_modal.scss | 23 |
1 files changed, 22 insertions, 1 deletions
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 { |