diff options
author | Asaad Mahmood <Unknowngi@live.com> | 2015-08-20 19:22:56 +0500 |
---|---|---|
committer | Asaad Mahmood <Unknowngi@live.com> | 2015-08-20 19:22:56 +0500 |
commit | 1fd26d25f291cae2d93bb5aac3448e76a3200646 (patch) | |
tree | 5370fbe9b817eba52d8839e60cce8ee9518e18fe /web/react/components/view_image.jsx | |
parent | a4681123f95a12dda81d4a611db504ae219c19ae (diff) | |
download | chat-1fd26d25f291cae2d93bb5aac3448e76a3200646.tar.gz chat-1fd26d25f291cae2d93bb5aac3448e76a3200646.tar.bz2 chat-1fd26d25f291cae2d93bb5aac3448e76a3200646.zip |
Multiple UI Improvements
Diffstat (limited to 'web/react/components/view_image.jsx')
-rw-r--r-- | web/react/components/view_image.jsx | 20 |
1 files changed, 18 insertions, 2 deletions
diff --git a/web/react/components/view_image.jsx b/web/react/components/view_image.jsx index 2b7f64030..70b0aea71 100644 --- a/web/react/components/view_image.jsx +++ b/web/react/components/view_image.jsx @@ -109,6 +109,22 @@ module.exports = React.createClass({ } ); + $(this.refs.previewArrowLeft.getDOMNode()).hover( + function onModalHover() { + $(self.refs.imageFooter.getDOMNode()).addClass('footer--show'); + }, function offModalHover() { + $(self.refs.imageFooter.getDOMNode()).removeClass('footer--show'); + } + ); + + $(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 +268,13 @@ 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> ); |