From be582b4fe3efd9b35a7df86a6c270ddb5b3bb409 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaad@spinpunch.com>
Date: Mon, 30 Nov 2015 22:27:45 +0500
Subject: Fixing LHS scroll and Image previews

---
 web/react/components/sidebar.jsx    |  5 +++++
 web/react/components/view_image.jsx | 31 +++++++++++++++++--------------
 2 files changed, 22 insertions(+), 14 deletions(-)

(limited to 'web/react')

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}
-- 
cgit v1.2.3-1-g7c22