summaryrefslogtreecommitdiffstats
path: root/client/components/cards
diff options
context:
space:
mode:
authorhupptechnologies <git@hupp.in>2018-12-08 17:53:26 +0530
committerhupptechnologies <git@hupp.in>2018-12-08 17:53:26 +0530
commit0620fe5e111d50384ccca29afe8be5ddd3ee28bf (patch)
treefc16defb9b6347b997b7d1eb1c847f325f7d10a5 /client/components/cards
parent44a819226f9fffc2d5642d6aca084d81973bbc0b (diff)
downloadwekan-0620fe5e111d50384ccca29afe8be5ddd3ee28bf.tar.gz
wekan-0620fe5e111d50384ccca29afe8be5ddd3ee28bf.tar.bz2
wekan-0620fe5e111d50384ccca29afe8be5ddd3ee28bf.zip
Issue : Clicking the scrollbar closes the card on Chrome #1404
Resolved #1404
Diffstat (limited to 'client/components/cards')
-rw-r--r--client/components/cards/cardDetails.js3
-rw-r--r--client/components/cards/cardDetails.styl9
2 files changed, 10 insertions, 2 deletions
diff --git a/client/components/cards/cardDetails.js b/client/components/cards/cardDetails.js
index da0f126a..d2825058 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 66ecc22d..1dc56f58 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