diff options
| author | hupptechnologies <git@hupp.in> | 2018-12-08 17:53:26 +0530 |
|---|---|---|
| committer | hupptechnologies <git@hupp.in> | 2018-12-08 17:53:26 +0530 |
| commit | 0620fe5e111d50384ccca29afe8be5ddd3ee28bf (patch) | |
| tree | fc16defb9b6347b997b7d1eb1c847f325f7d10a5 /client/components/cards | |
| parent | 44a819226f9fffc2d5642d6aca084d81973bbc0b (diff) | |
| download | wekan-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.js | 3 | ||||
| -rw-r--r-- | client/components/cards/cardDetails.styl | 9 |
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 |