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/utils | |
| 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/utils')
| -rw-r--r-- | webapp/utils/utils.jsx | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/webapp/utils/utils.jsx b/webapp/utils/utils.jsx index 96eedaf75..d2fd2efbf 100644 --- a/webapp/utils/utils.jsx +++ b/webapp/utils/utils.jsx @@ -521,7 +521,7 @@ export function applyTheme(theme) { changeCss('@media(max-width: 768px){.app__body .modal .settings-modal .settings-table .nav>li>a', 'color:' + theme.sidebarText, 1); changeCss('.app__body .sidebar--left .nav-pills__container li>h4, .app__body .sidebar--left .add-channel-btn', 'color:' + changeOpacity(theme.sidebarText, 0.6), 1); changeCss('.app__body .sidebar--left .add-channel-btn:hover, .app__body .sidebar--left .add-channel-btn:focus', 'color:' + theme.sidebarText, 1); - changeCss('.app__body .sidebar--left .status .offline--icon, .app__body .sidebar--left .status .offline--icon', 'fill:' + theme.sidebarText, 1); + changeCss('.app__body .sidebar--left .status .offline--icon', 'fill:' + theme.sidebarText, 1); changeCss('@media(max-width: 768px){.app__body .modal .settings-modal .settings-table .nav>li>a', 'border-color:' + changeOpacity(theme.sidebarText, 0.2), 2); } @@ -566,10 +566,14 @@ export function applyTheme(theme) { if (theme.onlineIndicator) { changeCss('.app__body .sidebar--left .status .online--icon', 'fill:' + theme.onlineIndicator, 1); + changeCss('.app__body .channel-header__info .status .online--icon', 'fill:' + theme.onlineIndicator, 1); + changeCss('.app__body .navbar .status .online--icon', 'fill:' + theme.onlineIndicator, 1); } if (theme.awayIndicator) { changeCss('.app__body .sidebar--left .status .away--icon', 'fill:' + theme.awayIndicator, 1); + changeCss('.app__body .channel-header__info .status .away--icon', 'fill:' + theme.awayIndicator, 1); + changeCss('.app__body .navbar .status .away--icon', 'fill:' + theme.awayIndicator, 1); } if (theme.mentionBj) { @@ -659,6 +663,8 @@ export function applyTheme(theme) { changeCss('.app__body .post.post--comment .post__body', 'border-color:' + changeOpacity(theme.centerChannelColor, 0.2), 1); changeCss('@media(min-width: 768px){.app__body .post.post--compact.same--root.post--comment .post__content', 'border-color:' + changeOpacity(theme.centerChannelColor, 0.2), 1); changeCss('.app__body .post.post--comment.current--user .post__body', 'border-color:' + changeOpacity(theme.centerChannelColor, 0.2), 1); + changeCss('.app__body .channel-header__info .status .offline--icon', 'fill:' + theme.centerChannelColor, 1); + changeCss('.app__body .navbar .status .offline--icon', 'fill:' + theme.centerChannelColor, 1); } if (theme.newMessageSeparator) { |