From 35a53481fb7bcfb8b71316796e6f3176db31400f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Thu, 6 Nov 2014 12:12:21 +0100
Subject: [PATCH] Add red color to blocked stories text in sprints

---
 app/partials/views/modules/sprints.jade |  6 +++---
 app/styles/modules/backlog/sprints.scss | 19 +++++++++++++------
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/app/partials/views/modules/sprints.jade b/app/partials/views/modules/sprints.jade
index d850e14d..c4700108 100644
--- a/app/partials/views/modules/sprints.jade
+++ b/app/partials/views/modules/sprints.jade
@@ -19,13 +19,13 @@ section.sprints
 
         div.sprint-table(tg-sprint-sortable)
             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",
                                         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-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",
                              tg-nav="project-taskboard:project=project.slug,sprint=sprint.slug",
diff --git a/app/styles/modules/backlog/sprints.scss b/app/styles/modules/backlog/sprints.scss
index 979c8f64..52000ff5 100644
--- a/app/styles/modules/backlog/sprints.scss
+++ b/app/styles/modules/backlog/sprints.scss
@@ -143,12 +143,23 @@
                 background: lighten($green-taiga, 60%);
                 box-shadow: 1px 1px 10px rgba($black, .1);
             }
+
         }
         .column-us {
             @include table-flex-child(3, 0, 0);
             @extend %small;
             padding: 0 4px;
         }
+        .us-name {
+            @include ellipsis(250px);
+            display: block;
+            &.closed {
+                color: lighten($gray-light, 5%);
+            }
+            &.blocked {
+                color: $red;
+            }
+        }
         .column-points {
             @include table-flex-child(1, 0, 0);
             padding: 0 4px;
@@ -156,12 +167,8 @@
             &.closed {
                 color: lighten($gray-light, 5%);
             }
-        }
-        .us-name {
-            @include ellipsis(250px);
-            display: block;
-            &.closed {
-                color: lighten($gray-light, 5%);
+            &.blocked {
+                color: $red;
             }
         }
     }