summaryrefslogtreecommitdiffstats
path: root/web/react/components/view_image.jsx
diff options
context:
space:
mode:
authorCorey Hulen <corey@hulen.com>2015-11-30 20:35:47 -0800
committerCorey Hulen <corey@hulen.com>2015-11-30 20:35:47 -0800
commit0d3f0f348139d9749de232c50c452d95b07e6c05 (patch)
treee59a81631577a4270168f932a4af3eaef8054e33 /web/react/components/view_image.jsx
parent441c9991ff1a4acc613c19ea8d96f17c60bce0c4 (diff)
parentd3fd017e69943adf364a0459d3c28179a97835ff (diff)
downloadchat-0d3f0f348139d9749de232c50c452d95b07e6c05.tar.gz
chat-0d3f0f348139d9749de232c50c452d95b07e6c05.tar.bz2
chat-0d3f0f348139d9749de232c50c452d95b07e6c05.zip
Merge pull request #1547 from asaadmahmoodspin/ui-improvements
Ui improvements
Diffstat (limited to 'web/react/components/view_image.jsx')
-rw-r--r--web/react/components/view_image.jsx34
1 files changed, 19 insertions, 15 deletions
diff --git a/web/react/components/view_image.jsx b/web/react/components/view_image.jsx
index 91f4b3bdc..2b505607e 100644
--- a/web/react/components/view_image.jsx
+++ b/web/react/components/view_image.jsx
@@ -424,23 +424,27 @@ export default class ViewImageModal extends React.Component {
>
<div
className={'image-wrapper ' + bgClass}
- onMouseEnter={this.onMouseEnterImage}
- onMouseLeave={this.onMouseLeaveImage}
- onClick={(e) => e.stopPropagation()}
+ onClick={this.props.onModalDismissed}
>
<div
- className={closeButtonClass}
- onClick={this.props.onModalDismissed}
- />
- {content}
- <ViewImagePopoverBar
- show={this.state.showFooter}
- fileId={this.state.imgId}
- totalFiles={this.props.filenames.length}
- filename={name}
- fileURL={fileUrl}
- getPublicLink={this.getPublicLink}
- />
+ onMouseEnter={this.onMouseEnterImage}
+ onMouseLeave={this.onMouseLeaveImage}
+ onClick={(e) => e.stopPropagation()}
+ >
+ <div
+ className={closeButtonClass}
+ onClick={this.props.onModalDismissed}
+ />
+ {content}
+ <ViewImagePopoverBar
+ show={this.state.showFooter}
+ fileId={this.state.imgId}
+ totalFiles={this.props.filenames.length}
+ filename={name}
+ fileURL={fileUrl}
+ getPublicLink={this.getPublicLink}
+ />
+ </div>
</div>
{leftArrow}
{rightArrow}