Drag handles continue. In progress.

Thanks to xet7 !

3 files changed, 12 insertions, 2 deletions

diff --git a/client/components/lists/list.js b/client/components/lists/list.js
index 023ba358..a134a00a 100644
--- a/client/components/lists/list.js
+++ b/client/components/lists/list.js
@@ -52,6 +52,7 @@ BlazeComponent.extendComponent({
     $cards.sortable({
       connectWith: '.js-minicards:not(.js-list-full)',
       tolerance: 'pointer',
+      handle: 'list-header',
       appendTo: '.board-canvas',
       helper(evt, item) {
         const helper = item.clone();
diff --git a/client/components/lists/list.styl b/client/components/lists/list.styl
index 459481ea..53de5bad 100644
--- a/client/components/lists/list.styl
+++ b/client/components/lists/list.styl
@@ -225,7 +225,7 @@
       padding: 7px
       top: 50%
       transform: translateY(-50%)
-      margin-right: 27px
+      right: 47px
       font-size: 20px
 
     .list-header-menu-handle
@@ -236,6 +236,14 @@
       right: 10px
       font-size: 24px
 
+    .list-header-menu-handle-miniscreen-angle-left
+      position: absolute
+      padding: 7px
+      top: 50%
+      transform: translateY(-50%)
+      right: 25px
+      font-size: 24px
+
 .link-board-wrapper
   display: flex
   align-items: baseline
diff --git a/client/components/lists/listHeader.jade b/client/components/lists/listHeader.jade
index 6a61a66f..78d0801a 100644
--- a/client/components/lists/listHeader.jade
+++ b/client/components/lists/listHeader.jade
@@ -29,9 +29,10 @@ template(name="listHeader")
               if canSeeAddCard
                 a.js-add-card.fa.fa-plus.list-header-plus-icon
               a.fa.fa-navicon.js-open-list-menu
-          a.list-header-menu-handle.handle.fa.fa-arrows.js-list-handle
+          a.list-header-menu-handle-miniscreen-angle-left.handle.fa.fa-arrows.js-list-handle
         else
           a.list-header-menu-icon.fa.fa-angle-right.js-select-list
+          |    
           a.list-header-menu-handle.handle.fa.fa-arrows.js-list-handle
       else if currentUser.isBoardMember
         if isWatching