Add visual difference to closed US in backlog view

stable
Xavier Julián 2014-10-20 13:20:37 +02:00 committed by David Barragán Merino
parent 59fe18f292
commit 576d5b31da
2 changed files with 10 additions and 4 deletions

View File

@ -21,8 +21,8 @@ section.sprints
tg-nav="project-taskboard:project=project.slug,sprint=sprint.slug", tg-nav="project-taskboard:project=project.slug,sprint=sprint.slug",
tg-check-permission="view_milestones") tg-check-permission="view_milestones")
span {{ sprint.name }} span {{ sprint.name }}
a.icon.icon-edit(tg-check-permission="modify_milestone", href="", title="Edit Sprint") a.icon.icon-edit(tg-check-permission="modify_milestone", href="", title="Edit Sprint")
div.sprint-summary div.sprint-summary
div.sprint-date(tg-date-range="sprint.estimated_start,sprint.estimated_finish") div.sprint-date(tg-date-range="sprint.estimated_start,sprint.estimated_finish")
ul ul
@ -39,10 +39,10 @@ section.sprints
div.row.milestone-us-item-row(ng-repeat="us in sprint.user_stories track by us.id") div.row.milestone-us-item-row(ng-repeat="us in sprint.user_stories track by us.id")
div.column-us.width-8 div.column-us.width-8
a.us-name.clickable(tg-nav="project-userstories-detail:project=project.slug,ref=us.ref", a.us-name.clickable(tg-nav="project-userstories-detail:project=project.slug,ref=us.ref",
tg-bo-title="'#' + us.ref + ' ' + us.subject") tg-bo-title="'#' + us.ref + ' ' + us.subject", ng-class="{closed: us.is_closed}")
span(tg-bo-ref="us.ref") span(tg-bo-ref="us.ref")
span(tg-bo-bind="us.subject") span(tg-bo-bind="us.subject")
div.column-points.width-1(tg-bo-bind="us.total_points") div.column-points.width-1(tg-bo-bind="us.total_points", ng-class="{closed: us.is_closed}")
a.button.button-gray(href="", tg-bo-title="'Go to Taskboard of ' + sprint.name", a.button.button-gray(href="", tg-bo-title="'Go to Taskboard of ' + sprint.name",
tg-nav="project-taskboard:project=project.slug,sprint=sprint.slug", tg-nav="project-taskboard:project=project.slug,sprint=sprint.slug",

View File

@ -16,7 +16,7 @@
} }
} }
.sprint-name { .sprint-name {
span { a {
@extend %large; @extend %large;
@extend %title; @extend %title;
@include ellipsis($width: 90%); @include ellipsis($width: 90%);
@ -153,10 +153,16 @@
@include table-flex-child(1, 0, 0); @include table-flex-child(1, 0, 0);
padding: 0 4px; padding: 0 4px;
text-align: right; text-align: right;
&.closed {
color: lighten($gray-light, 5%);
}
} }
.us-name { .us-name {
@include ellipsis(250px); @include ellipsis(250px);
display: block; display: block;
&.closed {
color: lighten($gray-light, 5%);
}
} }
} }
.button-gray { .button-gray {