diff options
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 |