From 18bf7d9f4b6da67d81cb034affe8e32a345533d2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= Date: Mon, 17 Nov 2014 16:48:43 +0100 Subject: [PATCH] Fixed JS bug and CSS show/hide effect --- app/coffee/modules/kanban/main.coffee | 1 + app/partials/views/modules/kanban-table.jade | 4 ++++ app/styles/modules/kanban/kanban-table.scss | 8 -------- 3 files changed, 5 insertions(+), 8 deletions(-) diff --git a/app/coffee/modules/kanban/main.coffee b/app/coffee/modules/kanban/main.coffee index c05c95b5..1038f5b3 100644 --- a/app/coffee/modules/kanban/main.coffee +++ b/app/coffee/modules/kanban/main.coffee @@ -351,6 +351,7 @@ KanbanSquishColumnDirective = (rs) -> $scope.folds[status.id] = !!!$scope.folds[status.id] rs.kanban.storeStatusColumnModes($scope.projectId, $scope.folds) updateTableWidth() + return updateTableWidth = -> columnWidths = _.map $scope.usStatusList, (status) -> diff --git a/app/partials/views/modules/kanban-table.jade b/app/partials/views/modules/kanban-table.jade index ea3d6baf..9a9f9099 100644 --- a/app/partials/views/modules/kanban-table.jade +++ b/app/partials/views/modules/kanban-table.jade @@ -4,8 +4,12 @@ div.kanban-table(tg-kanban-squish-column) h2.task-colum-name(ng-repeat="s in usStatusList track by s.id", ng-style="{'border-top-color':s.color}", tg-bo-title="s.name", ng-class='{vfold:folds[s.id]}') span(tg-bo-bind="s.name") div.options + + a.icon.icon-vfold.hfold(href="", ng-click='foldStatus(s)' title="Fold Column", ng-class='{hidden:folds[s.id]}') a.icon.icon-vunfold.hunfold(href="", ng-click='foldStatus(s)', title="Unfold Column", ng-class='{hidden:!folds[s.id]}') + + a.icon.icon-vfold(href="", title="Fold Cards", ng-if="statusViewModes[s.id] == 'maximized'", ng-click="ctrl.updateStatusViewMode(s.id, 'minimized')") diff --git a/app/styles/modules/kanban/kanban-table.scss b/app/styles/modules/kanban/kanban-table.scss index 30a06e50..bc982c17 100644 --- a/app/styles/modules/kanban/kanban-table.scss +++ b/app/styles/modules/kanban/kanban-table.scss @@ -18,12 +18,6 @@ $column-margin: 0 10px 0 0; cursor: pointer; opacity: .8; padding: .5rem 0; - &:hover { - .icon.hunfold { - @include transition(opacity .3s linear); - opacity: 1; - } - } .icon-plus, .icon-bulk, .icon-vfold, @@ -32,9 +26,7 @@ $column-margin: 0 10px 0 0; display: none; } .hunfold { - @include transition(opacity .3s linear); margin: 0; - opacity: 0; } } &.task-colum-name,