diff options
author | Asaad Mahmood <asaad@spinpunch.com> | 2015-11-30 22:27:45 +0500 |
---|---|---|
committer | Asaad Mahmood <asaad@spinpunch.com> | 2015-11-30 22:27:45 +0500 |
commit | be582b4fe3efd9b35a7df86a6c270ddb5b3bb409 (patch) | |
tree | 5db3852876b30db7f30156e8a658005505be4928 /web/react/components | |
parent | c919bd9e52e56621c9f94007de6410c3810e06c3 (diff) | |
download | chat-be582b4fe3efd9b35a7df86a6c270ddb5b3bb409.tar.gz chat-be582b4fe3efd9b35a7df86a6c270ddb5b3bb409.tar.bz2 chat-be582b4fe3efd9b35a7df86a6c270ddb5b3bb409.zip |
Fixing LHS scroll and Image previews
Diffstat (limited to 'web/react/components')
-rw-r--r-- | web/react/components/sidebar.jsx | 5 | ||||
-rw-r--r-- | web/react/components/view_image.jsx | 31 |
2 files changed, 22 insertions, 14 deletions
diff --git a/web/react/components/sidebar.jsx b/web/react/components/sidebar.jsx index 30422ff7d..73733b6c1 100644 --- a/web/react/components/sidebar.jsx +++ b/web/react/components/sidebar.jsx @@ -173,6 +173,10 @@ export default class Sidebar extends React.Component { this.updateScrollbar(); window.addEventListener('resize', this.handleResize); + + if ($(window).width() > 768) { + $('.nav-pills__container').perfectScrollbar(); + } } shouldComponentUpdate(nextProps, nextState) { if (!Utils.areObjectsEqual(nextState, this.state)) { @@ -199,6 +203,7 @@ export default class Sidebar extends React.Component { windowWidth: Utils.windowWidth(), windowHeight: Utils.windowHeight() }); + console.log('sad'); } updateScrollbar() { } diff --git a/web/react/components/view_image.jsx b/web/react/components/view_image.jsx index 91f4b3bdc..50befb41f 100644 --- a/web/react/components/view_image.jsx +++ b/web/react/components/view_image.jsx @@ -424,23 +424,26 @@ export default class ViewImageModal extends React.Component { > <div className={'image-wrapper ' + bgClass} - 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} - /> + onMouseEnter={this.onMouseEnterImage} + onMouseLeave={this.onMouseLeaveImage} + > + <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} |