diff options
Diffstat (limited to 'client/components/lists')
-rw-r--r-- | client/components/lists/list.js | 7 | ||||
-rw-r--r-- | client/components/lists/list.styl | 10 | ||||
-rw-r--r-- | client/components/lists/listHeader.jade | 3 |
3 files changed, 18 insertions, 2 deletions
diff --git a/client/components/lists/list.js b/client/components/lists/list.js index b7b8b2e0..a134a00a 100644 --- a/client/components/lists/list.js +++ b/client/components/lists/list.js @@ -43,9 +43,16 @@ BlazeComponent.extendComponent({ }); } + if (!Utils.isMiniScreen && !showDesktopDragHandles) { + $('.js-minicards').sortable({ + handle: 'list-header', + }); + } + $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 0d3ccfce..8523362f 100644 --- a/client/components/lists/list.styl +++ b/client/components/lists/list.styl @@ -229,7 +229,7 @@ padding: 7px top: 50% transform: translateY(-50%) - margin-right: 27px + right: 47px font-size: 20px .list-header-menu-handle @@ -240,6 +240,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 |