diff options
author | Asaad Mahmood <asaadmahmood@users.noreply.github.com> | 2017-01-30 19:38:06 +0500 |
---|---|---|
committer | Corey Hulen <corey@hulen.com> | 2017-01-30 09:38:06 -0500 |
commit | 83ead5cac7bb0d274c84d20d443c125ea0391f37 (patch) | |
tree | a241019c84272e07ffb37d09447f3ea71cf934bd /webapp/sass/components/_status-icon.scss | |
parent | c01d9ad6cf3f8bb2ad4145441816598d8ffa2d9e (diff) | |
download | chat-83ead5cac7bb0d274c84d20d443c125ea0391f37.tar.gz chat-83ead5cac7bb0d274c84d20d443c125ea0391f37.tar.bz2 chat-83ead5cac7bb0d274c84d20d443c125ea0391f37.zip |
PLT-5122 - Switching to circular status icons (#5049)
* PLT-5122 - Switching to circular status icons
* Adding profile pic crop for status indicators
* Updating status indicators in LHS
* Updating else statements
Diffstat (limited to 'webapp/sass/components/_status-icon.scss')
-rw-r--r-- | webapp/sass/components/_status-icon.scss | 32 |
1 files changed, 31 insertions, 1 deletions
diff --git a/webapp/sass/components/_status-icon.scss b/webapp/sass/components/_status-icon.scss index 32ce07164..5bd68f362 100644 --- a/webapp/sass/components/_status-icon.scss +++ b/webapp/sass/components/_status-icon.scss @@ -1,5 +1,34 @@ @charset 'UTF-8'; +.status-wrapper { + display: inline-block; + height: 32px; + position: relative; + + .status { + border-radius: 100px; + bottom: -4px; + height: 15px; + line-height: 0; + margin: 0; + position: absolute; + right: -3px; + top: auto; + width: 15px; + + .modal & { + bottom: -6px; + } + + + svg { + max-height: 11px; + position: relative; + top: 2px; + } + } +} + .status { display: inline-block; margin-right: 6px; @@ -30,4 +59,5 @@ position: relative; top: -1px; } -}
\ No newline at end of file +} + |