Fix scroll when dragging elements. Remove scrollbars from swimlanes.

client/components/lists/list.js

@@ -103,7 +103,7 @@ BlazeComponent.extendComponent({
     $cards.sortable({
       connectWith: '.js-minicards:not(.js-list-full)',
       tolerance: 'pointer',
-      appendTo: 'body',
+      appendTo: '.board-canvas',
       helper(evt, item) {
         const helper = item.clone();
         if (MultiSelection.isActive()) {
@@ -119,7 +119,6 @@ BlazeComponent.extendComponent({
       },
       distance: 7,
       items: itemsSelector,
-      scroll: false,
       placeholder: 'minicard-wrapper placeholder',
       start(evt, ui) {
         ui.placeholder.height(ui.helper.height());

client/components/lists/list.styl

@@ -10,6 +10,7 @@
   // transparent, because that won't work during a list drag.
   background: darken(white, 13%)
   border-left: 1px solid darken(white, 20%)
+  border-bottom: 1px solid #CCC
   padding: 0
   float: left
 

client/components/swimlanes/swimlanes.js

@@ -7,7 +7,7 @@ BlazeComponent.extendComponent({
 
     $swimlanesDom.sortable({
       tolerance: 'pointer',
-      appendTo: 'body',
+      appendTo: '.board-canvas',
       helper: 'clone',
       handle: '.js-swimlane-header',
       items: '.js-swimlane:not(.placeholder)',

client/components/swimlanes/swimlanes.styl

@@ -4,13 +4,9 @@
   // Even if this background color is the same as the body we can't leave it
   // transparent, because that won't work during a swimlane drag.
   background: darken(white, 13%)
-  border-bottom: 1px solid #CCC
   display: flex
   flex-direction: row
-  margin: 0 0 10px
-  padding: 0 40px 5px 0
-  overflow-x: auto
-  overflow-y: hidden
+  overflow: 0;
 
   &.placeholder
     background-color: rgba(0, 0, 0, .2)
@@ -32,6 +28,7 @@
     flex-direction: row;
     flex: 0 0 50px;
     padding-bottom: 30px;
+    border-bottom: 1px solid #CCC
 
     .swimlane-header
       writing-mode: sideways-lr;