Fix scrollbar inside list and outer scroll

client/components/boards/boardBody.jade

@@ -14,7 +14,7 @@ template(name="board")
 template(name="boardBody")
   .board-wrapper(class=currentBoard.colorClass)
     +sidebar
-    .board-canvas.js-swimlanes(
+    .board-canvas.js-swimlanes.js-perfect-scrollbar(
       class="{{#if Sidebar.isOpen}}is-sibling-sidebar-open{{/if}}"
       class="{{#if MultiSelection.isActive}}is-multiselection-active{{/if}}"
       class="{{#if draggingActive.get}}is-dragging-active{{/if}}")

client/components/boards/boardBody.styl

@@ -15,10 +15,12 @@ position()
 
 .board-wrapper
   position: cover
+  overflow-y: hidden;
 
   .board-canvas
     position: cover
     transition: margin .1s
+    overflow-y: auto;
 
     &.is-sibling-sidebar-open
       margin-right: 248px

client/components/lists/list.styl

@@ -91,6 +91,7 @@
   display: flex
   overflow-y: auto
   padding: 5px 11px
+  max-height: 350px;
 
   .minicards
     flex-grow: 1