taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fixing milestone arrows

stable
Alejandro Alonso 2015-01-28 14:47:40 +01:00
parent 5e77c42cc0
commit a64a73c452
2 changed files with 4 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/coffee/modules/backlog/sprints.coffee
View File

@ -54,13 +54,10 @@ BacklogSprintDirective = ($repo, $rootscope) ->
$scope.$watch $attrs.tgBacklogSprint, (sprint) -> $scope.$watch $attrs.tgBacklogSprint, (sprint) ->
sprint = $scope.$eval($attrs.tgBacklogSprint) sprint = $scope.$eval($attrs.tgBacklogSprint)
if $scope.$first if sprint.closed
toggleSprint($el)
else if sprint.closed
$el.addClass("sprint-closed") $el.addClass("sprint-closed")
else if not $scope.$first and not sprint.closed else
toggleSprint($el) toggleSprint($el)
$el.addClass("sprint-old-open")
# Event Handlers # Event Handlers
$el.on "click", ".sprint-name > .icon-arrow-up", (event) -> $el.on "click", ".sprint-name > .icon-arrow-up", (event) ->

38
app/styles/modules/backlog/sprints.scss
View File

@ -60,11 +60,11 @@
display: inline-block; display: inline-block;
} }
.icon-arrow-up { .icon-arrow-up {
transform: rotate(180deg); transform: rotate(90deg);
transition: all .2s linear; transition: all .2s linear;
vertical-align: baseline; vertical-align: baseline;
&.active { &.active {
transform: rotate(0); transform: rotate(180deg);
transition: all .2s linear; transition: all .2s linear;
} }
&:hover { &:hover {
@ -209,45 +209,11 @@
} }
} }
// If Sprint is open but date is old
.sprint-old-open {
.sprint-name {
.icon-arrow-up {
transform: rotate(180deg);
transition: all .2s linear;
vertical-align: baseline;
&.active {
transform: rotate(0);
transition: all .2s linear;
}
&:hover {
color: $fresh-taiga;
transition: color .2s linear;
}
}
}
}
// If sprint is closed and date is old // If sprint is closed and date is old
.sprint-closed { .sprint-closed {
.sprint-table { .sprint-table {
display: none; display: none;
} }
.sprint-name {
.icon-arrow-up {
transform: rotate(180deg);
transition: all .2s linear;
vertical-align: baseline;
&.active {
transform: rotate(0);
transition: all .2s linear;
}
&:hover {
color: $fresh-taiga;
transition: color .2s linear;
}
}
}
.number, .number,
.description { .description {
color: $gray-light; color: $gray-light;