diff --git a/app/coffee/modules/backlog/main.coffee b/app/coffee/modules/backlog/main.coffee index e2757184..10f737a1 100644 --- a/app/coffee/modules/backlog/main.coffee +++ b/app/coffee/modules/backlog/main.coffee @@ -935,17 +935,31 @@ module.directive("tgBacklogUsPoints", ["$tgEstimationsService", "$tgRepo", "$tgT ## Burndown graph directive ############################################################################# ToggleBurndownVisibility = ($storage) -> + hide = () -> + $(".js-burndown-graph").removeClass("shown") + $(".js-toggle-burndown-visibility-button").removeClass("active") + $(".js-burndown-graph").removeClass("open") + + show = (firstLoad) -> + $(".js-toggle-burndown-visibility-button").addClass("active") + + if firstLoad + $(".js-burndown-graph").addClass("shown") + else + $(".js-burndown-graph").addClass("open") + link = ($scope, $el, $attrs) -> + firstLoad = true hash = generateHash(["is-burndown-grpahs-collapsed"]) $scope.isBurndownGraphCollapsed = $storage.get(hash) or false toggleGraph = -> if $scope.isBurndownGraphCollapsed - $(".js-toggle-burndown-visibility-button").removeClass("active") - $(".js-burndown-graph").removeClass("open") + hide(firstLoad) else - $(".js-toggle-burndown-visibility-button").addClass("active") - $(".js-burndown-graph").addClass("open") + show(firstLoad) + + firstLoad = false $scope.$watch "showGraphPlaceholder", () -> if $scope.showGraphPlaceholder? diff --git a/app/styles/components/summary.scss b/app/styles/components/summary.scss index dcbdb50e..25f26f33 100644 --- a/app/styles/components/summary.scss +++ b/app/styles/components/summary.scss @@ -189,5 +189,10 @@ $summary-background: $grayer; } .graphics-container { - @include slide(300px, hidden, 0); + $height: 300px; + @include slide($height, hidden, 0); + &.shown { + max-height: $height; + transition: none; + } }