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

Add red color to blocked stories text in sprints

stable
Xavier Julián 2014-11-06 12:12:21 +01:00 committed by David Barragán Merino
parent 1e34054177
commit 35a53481fb
2 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/partials/views/modules/sprints.jade
View File

@ -19,13 +19,13 @@ section.sprints
div.sprint-table(tg-sprint-sortable) div.sprint-table(tg-sprint-sortable)
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
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}") ng-class="{closed: us.is_closed, blocked: us.is_blocked}")
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", ng-class="{closed: us.is_closed}") div.column-points.width-1(tg-bo-bind="us.total_points", ng-class="{closed: us.is_closed, blocked: us.is_blocked}")
a.button.button-gray(tg-bo-title="'Go to Taskboard of ' + sprint.name", a.button.button-gray(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",

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

@ -143,12 +143,23 @@
background: lighten($green-taiga, 60%); background: lighten($green-taiga, 60%);
box-shadow: 1px 1px 10px rgba($black, .1); box-shadow: 1px 1px 10px rgba($black, .1);
} }
} }
.column-us { .column-us {
@include table-flex-child(3, 0, 0); @include table-flex-child(3, 0, 0);
@extend %small; @extend %small;
padding: 0 4px; padding: 0 4px;
} }
.us-name {
@include ellipsis(250px);
display: block;
&.closed {
color: lighten($gray-light, 5%);
}
&.blocked {
color: $red;
}
}
.column-points { .column-points {
@include table-flex-child(1, 0, 0); @include table-flex-child(1, 0, 0);
padding: 0 4px; padding: 0 4px;
@ -156,12 +167,8 @@
&.closed { &.closed {
color: lighten($gray-light, 5%); color: lighten($gray-light, 5%);
} }
} &.blocked {
.us-name { color: $red;
@include ellipsis(250px);
display: block;
&.closed {
color: lighten($gray-light, 5%);
} }
} }
} }