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]
|
||||
rs.kanban.storeStatusColumnModes($scope.projectId, $scope.folds)
|
||||
updateTableWidth()
|
||||
return
|
||||
|
||||
updateTableWidth = ->
|
||||
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]}')
|
||||
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')")
|
||||
|
|
|
@ -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,
|
||||
|
|
Loading…
Reference in New Issue