diff options
author | Joram Wilander <jwawilander@gmail.com> | 2015-08-21 09:24:42 -0400 |
---|---|---|
committer | Joram Wilander <jwawilander@gmail.com> | 2015-08-21 09:24:42 -0400 |
commit | ddcdcc3e2c85efbfd1d91d69c0f5c0af7c7cb1c7 (patch) | |
tree | 66c24ca52a23f9b0475830a6d64f2c2abe96e26d /web/react/components/view_image.jsx | |
parent | 4a022752faf9a2b6c4de5cfa65f23adb578a96a5 (diff) | |
parent | 332a4d1628f38b34930bff4bafe1b194012f443a (diff) | |
download | chat-ddcdcc3e2c85efbfd1d91d69c0f5c0af7c7cb1c7.tar.gz chat-ddcdcc3e2c85efbfd1d91d69c0f5c0af7c7cb1c7.tar.bz2 chat-ddcdcc3e2c85efbfd1d91d69c0f5c0af7c7cb1c7.zip |
Merge pull request #420 from asaadmahmoodspin/ui-changes
Multiple UI Improvements
Diffstat (limited to 'web/react/components/view_image.jsx')
-rw-r--r-- | web/react/components/view_image.jsx | 32 |
1 files changed, 30 insertions, 2 deletions
diff --git a/web/react/components/view_image.jsx b/web/react/components/view_image.jsx index 2b7f64030..6077c4ebc 100644 --- a/web/react/components/view_image.jsx +++ b/web/react/components/view_image.jsx @@ -109,6 +109,26 @@ module.exports = React.createClass({ } ); + if (this.refs.previewArrowLeft) { + $(this.refs.previewArrowLeft.getDOMNode()).hover( + function onModalHover() { + $(self.refs.imageFooter.getDOMNode()).addClass('footer--show'); + }, function offModalHover() { + $(self.refs.imageFooter.getDOMNode()).removeClass('footer--show'); + } + ); + } + + if (this.refs.previewArrowRight) { + $(this.refs.previewArrowRight.getDOMNode()).hover( + function onModalHover() { + $(self.refs.imageFooter.getDOMNode()).addClass('footer--show'); + }, function offModalHover() { + $(self.refs.imageFooter.getDOMNode()).removeClass('footer--show'); + } + ); + } + $(window).on('keyup', this.handleKeyPress); // keep track of whether or not this component is mounted so we can safely set the state asynchronously @@ -252,13 +272,21 @@ module.exports = React.createClass({ var rightArrow = ''; if (this.props.filenames.length > 1) { leftArrow = ( - <a className='modal-prev-bar' href='#' onClick={this.handlePrev}> + <a + ref='previewArrowLeft' + className='modal-prev-bar' + href='#' + onClick={this.handlePrev}> <i className='image-control image-prev'/> </a> ); rightArrow = ( - <a className='modal-next-bar' href='#' onClick={this.handleNext}> + <a + ref='previewArrowRight' + className='modal-next-bar' + href='#' + onClick={this.handleNext}> <i className='image-control image-next'/> </a> ); |