summaryrefslogtreecommitdiffstats
path: root/webapp/utils
diff options
context:
space:
mode:
authorAsaad Mahmood <asaadmahmood@users.noreply.github.com>2016-12-14 08:25:10 +0500
committerenahum <nahumhbl@gmail.com>2016-12-14 00:25:10 -0300
commit973585450378a457a94824b7852c7ab7194e2b3e (patch)
tree87854bd5a83ecd5e48a41ff8bd093618692bddc7 /webapp/utils
parent86fb0d87a3a09b237bec124ce0e74cd05aa164be (diff)
downloadchat-973585450378a457a94824b7852c7ab7194e2b3e.tar.gz
chat-973585450378a457a94824b7852c7ab7194e2b3e.tar.bz2
chat-973585450378a457a94824b7852c7ab7194e2b3e.zip
Ui improvements (#4780)
* PLT-4897 - Updating styles for emoji reactions * PLT-4971 - Fixing help and attachment buttons * PLT-4931 - Fixing UI for user list in system console * Fixing a bug with the new messages indicator
Diffstat (limited to 'webapp/utils')
-rw-r--r--webapp/utils/utils.jsx8
1 files changed, 5 insertions, 3 deletions
diff --git a/webapp/utils/utils.jsx b/webapp/utils/utils.jsx
index 6988225a1..8d899b5ca 100644
--- a/webapp/utils/utils.jsx
+++ b/webapp/utils/utils.jsx
@@ -539,7 +539,6 @@ export function applyTheme(theme) {
if (theme.mentionColor) {
changeCss('.sidebar--left .nav-pills__unread-indicator, .app__body .new-messages__button div', 'color:' + theme.mentionColor);
changeCss('.sidebar--left .badge', 'color:' + theme.mentionColor + '!important;');
- changeCss('.app__body .post-reaction--current-user', 'background-color:' + changeOpacity(theme.mentionColor, 0.4));
}
if (theme.centerChannelBg) {
@@ -631,8 +630,8 @@ export function applyTheme(theme) {
changeCss('.app__body .post.post--comment.current--user .post__body', 'border-color:' + changeOpacity(theme.centerChannelColor, 0.2));
changeCss('.app__body .channel-header__info .status .offline--icon', 'fill:' + theme.centerChannelColor);
changeCss('.app__body .navbar .status .offline--icon', 'fill:' + theme.centerChannelColor);
- changeCss('.app__body .post-reaction:not(.post-reaction--current-user)', 'background-color:' + changeOpacity(theme.centerChannelColor, 0.2));
- changeCss('.app__body .post-reaction', 'border-color:' + theme.centerChannelColor);
+ changeCss('.app__body .post-reaction:not(.post-reaction--current-user)', 'border-color:' + changeOpacity(theme.centerChannelColor, 0.25));
+ changeCss('.app__body .post-reaction:not(.post-reaction--current-user)', 'color:' + changeOpacity(theme.centerChannelColor, 0.6));
}
if (theme.newMessageSeparator) {
@@ -644,6 +643,9 @@ export function applyTheme(theme) {
changeCss('.app__body a, .app__body a:focus, .app__body a:hover, .app__body .btn, .app__body .btn:focus, .app__body .btn:hover', 'color:' + theme.linkColor);
changeCss('.app__body .attachment .attachment__container', 'border-left-color:' + changeOpacity(theme.linkColor, 0.5));
changeCss('.app__body .channel-header__links .icon:hover, .app__body .post .flag-icon__container.visible, .app__body .post .comment-icon__container, .app__body .post .post__reply', 'fill:' + theme.linkColor);
+ changeCss('.app__body .post-reaction.post-reaction--current-user', 'background:' + changeOpacity(theme.linkColor, 0.1));
+ changeCss('.app__body .post-reaction.post-reaction--current-user', 'border-color:' + changeOpacity(theme.linkColor, 0.4));
+ changeCss('.app__body .post-reaction.post-reaction--current-user', 'color:' + theme.linkColor);
}
if (theme.buttonBg) {