Fixed JS bug and CSS show/hide effect
parent
6d817c2944
commit
18bf7d9f4b
|
@ -351,6 +351,7 @@ KanbanSquishColumnDirective = (rs) ->
|
||||||
$scope.folds[status.id] = !!!$scope.folds[status.id]
|
$scope.folds[status.id] = !!!$scope.folds[status.id]
|
||||||
rs.kanban.storeStatusColumnModes($scope.projectId, $scope.folds)
|
rs.kanban.storeStatusColumnModes($scope.projectId, $scope.folds)
|
||||||
updateTableWidth()
|
updateTableWidth()
|
||||||
|
return
|
||||||
|
|
||||||
updateTableWidth = ->
|
updateTableWidth = ->
|
||||||
columnWidths = _.map $scope.usStatusList, (status) ->
|
columnWidths = _.map $scope.usStatusList, (status) ->
|
||||||
|
|
|
@ -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]}')
|
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")
|
span(tg-bo-bind="s.name")
|
||||||
div.options
|
div.options
|
||||||
|
|
||||||
|
|
||||||
a.icon.icon-vfold.hfold(href="", ng-click='foldStatus(s)' title="Fold Column", ng-class='{hidden:folds[s.id]}')
|
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-vunfold.hunfold(href="", ng-click='foldStatus(s)', title="Unfold Column", ng-class='{hidden:!folds[s.id]}')
|
||||||
|
|
||||||
|
|
||||||
a.icon.icon-vfold(href="", title="Fold Cards",
|
a.icon.icon-vfold(href="", title="Fold Cards",
|
||||||
ng-if="statusViewModes[s.id] == 'maximized'",
|
ng-if="statusViewModes[s.id] == 'maximized'",
|
||||||
ng-click="ctrl.updateStatusViewMode(s.id, 'minimized')")
|
ng-click="ctrl.updateStatusViewMode(s.id, 'minimized')")
|
||||||
|
|
|
@ -18,12 +18,6 @@ $column-margin: 0 10px 0 0;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
opacity: .8;
|
opacity: .8;
|
||||||
padding: .5rem 0;
|
padding: .5rem 0;
|
||||||
&:hover {
|
|
||||||
.icon.hunfold {
|
|
||||||
@include transition(opacity .3s linear);
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.icon-plus,
|
.icon-plus,
|
||||||
.icon-bulk,
|
.icon-bulk,
|
||||||
.icon-vfold,
|
.icon-vfold,
|
||||||
|
@ -32,9 +26,7 @@ $column-margin: 0 10px 0 0;
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.hunfold {
|
.hunfold {
|
||||||
@include transition(opacity .3s linear);
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
opacity: 0;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.task-colum-name,
|
&.task-colum-name,
|
||||||
|
|
Loading…
Reference in New Issue