From f7421b444087767f186af42f4c9029e683e216b1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Wed, 12 Nov 2014 18:22:58 +0100
Subject: [PATCH] Add fold option to only one column

---
 app/partials/views/modules/kanban-table.jade | 15 +++++++-------
 app/styles/modules/kanban/kanban-table.scss  | 21 ++++++++------------
 2 files changed, 15 insertions(+), 21 deletions(-)

diff --git a/app/partials/views/modules/kanban-table.jade b/app/partials/views/modules/kanban-table.jade
index 9e1b74c2..cbb9f288 100644
--- a/app/partials/views/modules/kanban-table.jade
+++ b/app/partials/views/modules/kanban-table.jade
@@ -1,16 +1,15 @@
-div.kanban-table //-.fold
+div.kanban-table
     div.kanban-table-header
         div.kanban-table-inner(tg-kanban-row-width-fixer)
-            h2.task-colum-name(ng-repeat="s in usStatusList track by s.id",
-                               ng-style="{'border-top-color':s.color}")
+            h2.task-colum-name(ng-repeat="s in usStatusList track by s.id", ng-style="{'border-top-color':s.color}") //Add '.fold' class here if folded
                 span(tg-bo-bind="s.name")
                 div.options
-                    a.icon.icon-vfold.hfold(href="", title="Fold")
-                    a.icon.icon-vunfold.hunfold(href="", title="Unfold") //-.hidden
-                    a.icon.icon-vfold(href="", title="Minimize",
+                    a.icon.icon-vfold.hfold(href="", title="Fold Column") //Toggle hidden class if folded
+                    a.icon.icon-vunfold.hunfold.hidden(href="", title="Unfold Column") //Toggle hidden class if folded
+                    a.icon.icon-vfold(href="", title="Fold Cards",
                                          ng-if="statusViewModes[s.id] == 'maximized'",
                                          ng-click="ctrl.updateStatusViewMode(s.id, 'minimized')")
-                    a.icon.icon-vunfold(href="", title="Maximize",
+                    a.icon.icon-vunfold(href="", title="Unfold Cards",
                                          ng-if="statusViewModes[s.id] == 'minimized'",
                                          ng-click="ctrl.updateStatusViewMode(s.id, 'maximized')")
 
@@ -27,7 +26,7 @@ div.kanban-table //-.fold
             div.kanban-uses-box.task-column(ng-repeat="status in usStatusList track by status.id",
                                             tg-kanban-sortable,
                                             tg-kanban-wip-limit,
-                                            tg-kanban-column-height-fixer)
+                                            tg-kanban-column-height-fixer) //Add '.fold' class here if folded
                 div.kanban-task(ng-repeat="us in usByStatus[status.id] track by us.id",
                                 tg-kanban-userstory, ng-model="us",
                                 ng-class="ctrl.getCardClass(status.id)")
diff --git a/app/styles/modules/kanban/kanban-table.scss b/app/styles/modules/kanban/kanban-table.scss
index 6bf0cc2c..dc2a9f5b 100644
--- a/app/styles/modules/kanban/kanban-table.scss
+++ b/app/styles/modules/kanban/kanban-table.scss
@@ -8,9 +8,8 @@ $column-margin: 0 10px 0 0;
 .kanban-table {
     overflow: hidden;
     width: 100%;
-    &.fold {
-        @include table-flex();
-        .task-colum-name {
+    .fold {
+        &.task-colum-name {
             @include transition(opacity .3s linear);
             cursor: pointer;
             opacity: .8;
@@ -18,23 +17,19 @@ $column-margin: 0 10px 0 0;
                 @include transition(opacity .3s linear);
                 opacity: 1;
             }
+            div,
+            span {
+                display: none;
+            }
         }
-        .task-colum-name,
-        .task-column {
+        &.task-colum-name,
+        &.task-column {
             @include table-flex-child(1, 0, 0);
             border: 0;
             max-width: 30px;
             min-height: 2.5rem;
             width: 30px;
         }
-        .kanban-table-header {
-            .task-colum-name {
-                div,
-                span {
-                    display: none;
-                }
-            }
-        }
         .kanban-task {
             display: none;
         }