From 5478fc93dbe3be14c4a38754881e00dc0b6a38f9 Mon Sep 17 00:00:00 2001
From: Maxime Quandalle <maxime@quandalle.com>
Date: Mon, 15 Jun 2015 17:16:56 +0200
Subject: Improve the multi-selection experience

New features:
- select all filtered cards
- assign or unassign a member to selected cards
- archive selected cards

This commit also fix the card sort indexes calculation when a multi-
selection is drag-dropped.
---
 client/components/boards/boardBody.styl   | 3 ++-
 client/components/boards/boardHeader.jade | 8 ++------
 client/components/boards/colors.styl      | 1 +
 3 files changed, 5 insertions(+), 7 deletions(-)

(limited to 'client/components/boards')

diff --git a/client/components/boards/boardBody.styl b/client/components/boards/boardBody.styl
index 9db5c1c0..8ce478c3 100644
--- a/client/components/boards/boardBody.styl
+++ b/client/components/boards/boardBody.styl
@@ -32,7 +32,8 @@ position()
     &.is-dragging-active
 
       .list-composer,
-      .open-minicard-composer
+      .open-minicard-composer,
+      .minicard-wrapper.is-checked
         display: none
 
   .lists
diff --git a/client/components/boards/boardHeader.jade b/client/components/boards/boardHeader.jade
index e78de3b2..a1d3ce9f 100644
--- a/client/components/boards/boardHeader.jade
+++ b/client/components/boards/boardHeader.jade
@@ -21,24 +21,20 @@ template(name="headerBoard")
         title="{{#if Filter.isActive}}{{_ 'filter-on-desc'}}{{/if}}"
         class="{{#if Filter.isActive}}emphasis{{/if}}")
       i.fa.fa-filter
+      span {{#if Filter.isActive}}{{_ 'filter-on'}}{{else}}{{_ 'filter'}}{{/if}}
       if Filter.isActive
-        span {{_ 'filter-on'}}
         a.board-header-btn-close.js-filter-reset(title="{{_ 'filter-clear'}}")
           i.fa.fa-times-thin
-      else
-        span {{_ 'filter'}}
 
     if currentUser.isBoardMember
       a.board-header-btn.js-multiselection-activate(
           title="{{#if MultiSelection.isActive}}{{_ 'filter-on-desc'}}{{/if}}"
           class="{{#if MultiSelection.isActive}}emphasis{{/if}}")
         i.fa.fa-check-square-o
+        span Multi-Selection {{#if MultiSelection.isActive}}is on{{/if}}
         if MultiSelection.isActive
-          span Multi-Selection is on
           a.board-header-btn-close.js-multiselection-reset(title="{{_ 'filter-clear'}}")
             i.fa.fa-times-thin
-        else
-          span Multi-Selection
 
     .separator
     a.board-header-btn.js-open-board-menu
diff --git a/client/components/boards/colors.styl b/client/components/boards/colors.styl
index ff351880..d131701c 100644
--- a/client/components/boards/colors.styl
+++ b/client/components/boards/colors.styl
@@ -19,6 +19,7 @@ setBoardColor(color)
     background-color: darken(color, 20%)
 
   &.pop-over .pop-over-list li a:hover,
+  .sidebar .sidebar-content .sidebar-btn:hover,
   .sidebar-list li a:hover
     background-color: lighten(color, 10%)
 
-- 
cgit v1.2.3-1-g7c22