Files
mattermost/webapp/sass/components/_status-icon.scss
Joram Wilander 528f2dc6c3 Merge release-3.10 into master (#6654)
* PLT-6787 Fixed being able to send a post before files finished uploading (#6617)

* Fix quick switcher for channels/users not stored locally (#6610)

* Fix button text on confirm mention modal (#6609)

* fix post delete permission of channel admin (#6608)

* open comment thread for the most recent reply-able message (#6605)

* Use mutex flag with yarn to prevent concurrent builds interfering (#6619)

* Use mutex flag with yarn to prevent concurrent builds interfering

* Remove yarn mutex file with clean

* Minor bug fixes (#6615)

* PLT-6774 - Fixing color for offline icon

* PLT-6784 - Fixing status icon

* Fixing icon margin

* Updating caret position

* PLT-6070 Have ChannelMentionProvider stop searching after a term returns no results (#6620)

* Fixing JS error (#6623)

* Minor bug fixes (#6622)

* PLT-6808 - Updating channel switcher on mobile

* PLT-6743 - Updating scrollbar styling

* Login instead of failing if user exists in OAuth sign-up flow (#6627)

* PLT-6802 Disable team switcher (#6626)

* Disable team switcher

* Fix ESLint errors

* PLT-6807 Ensured select teams page can scroll on iOS (#6630)

* Do not redirect from account switch pages on 401 (#6631)

* Fixing loadtest command and renaming to /test (#6624)

* PLT-6820 Update mattermost-redux dependency (#6632)

* translations PR 20170612 (#6629)

* Bump HTTP client timeout to 30 seconds (#6633)

* For team unreads return empty array instead of null (#6636)

* PLT-6831 Fix status modal localization IDs (#6637)

* Fix status modal localization IDs

* Update test snapshot
2017-06-15 11:05:43 -04:00

97 lines
1.6 KiB
SCSS

@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;
}
&.status-edit {
text-align: center;
i {
@include opacity(1);
font-size: 10px;
position: relative;
top: 4px;
}
}
svg {
max-height: 11px;
position: relative;
top: 2px;
}
}
}
.status {
display: inline-block;
margin-right: 6px;
position: relative;
top: 1px;
width: 12px;
&.status--group {
border-radius: 2px;
font-size: 11px;
font-weight: 600;
height: 16px;
left: 1px;
line-height: 15px;
margin-left: -3px;
text-align: center;
top: -1px;
width: 16px;
.mentions__name & {
height: 20px;
left: 0;
line-height: 20px;
margin-left: 0;
text-align: center;
width: 20px;
}
}
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;
}
}