From 0620fe5e111d50384ccca29afe8be5ddd3ee28bf Mon Sep 17 00:00:00 2001
From: hupptechnologies <git@hupp.in>
Date: Sat, 8 Dec 2018 17:53:26 +0530
Subject: [PATCH] Issue : Clicking the scrollbar closes the card on Chrome
 #1404 Resolved #1404

---
 .meteor/packages                         | 3 +++
 client/components/cards/cardDetails.js   | 3 +++
 client/components/cards/cardDetails.styl | 9 +++++++--
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/.meteor/packages b/.meteor/packages
index 4083d0c1d..549b562f1 100644
--- a/.meteor/packages
+++ b/.meteor/packages
@@ -87,3 +87,6 @@ momentjs:moment@2.22.2
 browser-policy-framing
 mquandalle:moment
 msavin:usercache
+wekan:wekan-ldap
+wekan:accounts-cas
+maazalik:malihu-jquery-custom-scrollbar
diff --git a/client/components/cards/cardDetails.js b/client/components/cards/cardDetails.js
index da0f126a3..d28250580 100644
--- a/client/components/cards/cardDetails.js
+++ b/client/components/cards/cardDetails.js
@@ -112,6 +112,9 @@ BlazeComponent.extendComponent({
   onRendered() {
     if (!Utils.isMiniScreen()) {
       Meteor.setTimeout(() => {
+        $(".card-details").mCustomScrollbar({
+          theme:"minimal-dark", setWidth: false, setLeft: 0, scrollbarPosition: "outside", mouseWheel:true
+        }); 
         this.scrollParentContainer();
       }, 500);
     }
diff --git a/client/components/cards/cardDetails.styl b/client/components/cards/cardDetails.styl
index 66ecc22db..1dc56f584 100644
--- a/client/components/cards/cardDetails.styl
+++ b/client/components/cards/cardDetails.styl
@@ -1,9 +1,9 @@
 @import 'nib'
 
 .card-details
-  padding: 0 20px
+  padding: 0
   flex-shrink: 0
-  flex-basis: 470px
+  flex-basis: 510px
   will-change: flex-basis
   overflow-y: scroll
   overflow-x: hidden
@@ -14,11 +14,16 @@
   box-shadow: 0 0 7px 0 darken(white, 30%)
   transition: flex-basis 0.1s
 
+  .mCustomScrollBox
+    padding-left: 0
+
   .ps-scrollbar-y-rail
     pointer-event: all
+    position: absolute;
 
   .card-details-canvas
     width: 470px
+    padding-left: 20px;
 
   .card-details-header
     margin: 0 -20px 5px