diff options
author | Saturnino Abril <saturnino.abril@gmail.com> | 2017-08-03 14:29:31 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2017-08-03 14:29:31 +0800 |
commit | f3934bc7e1e8ef555e1c2e1fe0ece3dbd88ea687 (patch) | |
tree | 8555be93795821a35dfe64ec6c8e749d235bbd4d /webapp/utils/utils.jsx | |
parent | 345bb2236f1f34c2b1ddfec0024ea47c4b1b8950 (diff) | |
download | chat-f3934bc7e1e8ef555e1c2e1fe0ece3dbd88ea687.tar.gz chat-f3934bc7e1e8ef555e1c2e1fe0ece3dbd88ea687.tar.bz2 chat-f3934bc7e1e8ef555e1c2e1fe0ece3dbd88ea687.zip |
[PLT-1249] Add close button 'x' to the right of a link preview (#7017)
* add close button 'x' to the right of a link preview
* Updating webhook UI
* UI improvements for close button
* Adding hover state
* Making the close button visible on mobile
* previews are permanently disabled/closed for that link
* make post as required props
* fix JS error of undefined
* fix update issue both at center and RHS view
Diffstat (limited to 'webapp/utils/utils.jsx')
-rw-r--r-- | webapp/utils/utils.jsx | 2 |
1 files changed, 2 insertions, 0 deletions
diff --git a/webapp/utils/utils.jsx b/webapp/utils/utils.jsx index 94a2cf286..94f6ca91f 100644 --- a/webapp/utils/utils.jsx +++ b/webapp/utils/utils.jsx @@ -653,6 +653,8 @@ export function applyTheme(theme) { 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)); changeCss('@media(max-width: 1800px){.app__body .inner-wrap.move--left .post.post--comment.same--root', 'border-color:' + changeOpacity(theme.centerChannelColor, 0.07)); changeCss('.app__body .post.post--hovered', 'background:' + changeOpacity(theme.centerChannelColor, 0.08)); + changeCss('.app__body .attachment__body__wrap.btn-close', 'background:' + changeOpacity(theme.centerChannelColor, 0.08)); + changeCss('.app__body .attachment__body__wrap.btn-close', 'border-color:' + changeOpacity(theme.centerChannelColor, 0.2)); 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)); changeCss('.app__body .more-modal__row.more-modal__row--selected, .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)); changeCss('@media(min-width: 768px){.app__body .suggestion-list__content .command:hover, .app__body .mentions__name:hover, .app__body .dropdown-menu>li>a:focus, .app__body .dropdown-menu>li>a:hover', 'background:' + changeOpacity(theme.centerChannelColor, 0.15)); |