diff options
| author | Thomas Hopkins <thomchop@users.noreply.github.com> | 2016-10-27 17:51:50 -0700 |
|---|---|---|
| committer | Corey Hulen <corey@hulen.com> | 2016-10-27 17:51:50 -0700 |
| commit | 589329b5c5e486fa32b77fd0afb525d446ea1e6d (patch) | |
| tree | 697b55a318baea4318be016e851f30f5c66f3e3a /webapp/utils | |
| parent | c5a0ac8c6a5a9dea001f975ac35445b4701a3b2b (diff) | |
| download | chat-589329b5c5e486fa32b77fd0afb525d446ea1e6d.tar.gz chat-589329b5c5e486fa32b77fd0afb525d446ea1e6d.tar.bz2 chat-589329b5c5e486fa32b77fd0afb525d446ea1e6d.zip | |
PLT-4534 Avoid applying themed hover background color on mobile (#4345)
* Avoid applying themed hover background color on mobile
* Remove closing brace from post hover style css mod
Diffstat (limited to 'webapp/utils')
| -rw-r--r-- | webapp/utils/utils.jsx | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/webapp/utils/utils.jsx b/webapp/utils/utils.jsx index a1a49b1fa..03efe9cc6 100644 --- a/webapp/utils/utils.jsx +++ b/webapp/utils/utils.jsx @@ -609,7 +609,8 @@ export function applyTheme(theme) { changeCss('.app__body .post.current--user .post__body, .app__body .post.post--comment.other--root.current--user .post-comment, .app__body pre, .app__body .post-right__container .post.post--root', 'background:' + changeOpacity(theme.centerChannelColor, 0.05), 1); changeCss('.app__body .post.post--comment.other--root.current--user .post-comment, .app__body .more-modal__list .more-modal__row, .app__body .member-div:first-child, .app__body .member-div, .app__body .access-history__table .access__report, .app__body .activity-log__table', 'border-color:' + changeOpacity(theme.centerChannelColor, 0.1), 2); changeCss('@media(max-width: 1800px){.app__body .inner-wrap.move--left .post.post--comment.same--root', 'border-color:' + changeOpacity(theme.centerChannelColor, 0.07), 2); - changeCss('.app__body .post:hover, .app__body .post.post--hovered, .app__body .more-modal__list .more-modal__row:hover, .app__body .modal .settings-modal .settings-table .settings-content .section-min:hover', 'background:' + changeOpacity(theme.centerChannelColor, 0.08), 1); + changeCss('.app__body .post.post--hovered', 'background:' + changeOpacity(theme.centerChannelColor, 0.08), 1); + changeCss('@media(min-width: 768px){.app__body .post:hover, .app__body .more-modal__list .more-modal__row:hover, .app__body .modal .settings-modal .settings-table .settings-content .section-min:hover', 'background:' + changeOpacity(theme.centerChannelColor, 0.08), 1); changeCss('.app__body .date-separator.hovered--before:after, .app__body .date-separator.hovered--after:before, .app__body .new-separator.hovered--after:before, .app__body .new-separator.hovered--before:after', 'background:' + changeOpacity(theme.centerChannelColor, 0.07), 1); changeCss('@media(min-width: 768px){.app__body .suggestion-list__content .command:hover, .app__body .mentions__name:hover, .app__body .suggestion--selected, .app__body .dropdown-menu>li>a:focus, .app__body .dropdown-menu>li>a:hover, .app__body .bot-indicator', 'background:' + changeOpacity(theme.centerChannelColor, 0.15), 1); changeCss('code, .app__body .form-control[disabled], .app__body .form-control[readonly], .app__body fieldset[disabled] .form-control', 'background:' + changeOpacity(theme.centerChannelColor, 0.1), 1); |