From 576d5b31da85eb297f90a5f932ed96ee8d8a4e32 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Mon, 20 Oct 2014 13:20:37 +0200
Subject: [PATCH] Add visual difference to closed US in backlog view

---
 app/partials/views/modules/sprints.jade | 6 +++---
 app/styles/modules/backlog/sprints.scss | 8 +++++++-
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/app/partials/views/modules/sprints.jade b/app/partials/views/modules/sprints.jade
index 2725c6ac..b6168715 100644
--- a/app/partials/views/modules/sprints.jade
+++ b/app/partials/views/modules/sprints.jade
@@ -21,8 +21,8 @@ section.sprints
                        tg-nav="project-taskboard:project=project.slug,sprint=sprint.slug",
                        tg-check-permission="view_milestones")
                     span {{ sprint.name }}
-
                 a.icon.icon-edit(tg-check-permission="modify_milestone", href="", title="Edit Sprint")
+
             div.sprint-summary
                 div.sprint-date(tg-date-range="sprint.estimated_start,sprint.estimated_finish")
                 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.column-us.width-8
                     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-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",
                              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 b36c4a83..979c8f64 100644
--- a/app/styles/modules/backlog/sprints.scss
+++ b/app/styles/modules/backlog/sprints.scss
@@ -16,7 +16,7 @@
         }
     }
     .sprint-name {
-        span {
+        a {
             @extend %large;
             @extend %title;
             @include ellipsis($width: 90%);
@@ -153,10 +153,16 @@
             @include table-flex-child(1, 0, 0);
             padding: 0 4px;
             text-align: right;
+            &.closed {
+                color: lighten($gray-light, 5%);
+            }
         }
         .us-name {
             @include ellipsis(250px);
             display: block;
+            &.closed {
+                color: lighten($gray-light, 5%);
+            }
         }
     }
     .button-gray {