From 8b2e35feba01c7db0f18076219ce284d40786f5d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Tue, 11 Nov 2014 16:37:57 +0100
Subject: [PATCH] Add blocked styles to taskboard

---
 .../views/modules/taskboard-table.jade        |  6 +++---
 app/styles/layout/backlog.scss                |  7 -------
 .../modules/backlog/taskboard-table.scss      | 20 +++++++++++++++++++
 3 files changed, 23 insertions(+), 10 deletions(-)

diff --git a/app/partials/views/modules/taskboard-table.jade b/app/partials/views/modules/taskboard-table.jade
index d9b913b8..fde1fa10 100644
--- a/app/partials/views/modules/taskboard-table.jade
+++ b/app/partials/views/modules/taskboard-table.jade
@@ -8,10 +8,10 @@ div.taskboard-table
 
     div.taskboard-table-body(tg-taskboard-table-height-fixer)
         div.taskboard-table-inner(tg-taskboard-row-width-fixer)
-            div.task-row(ng-repeat="us in userstories track by us.id")
-                div.taskboard-userstory-box.task-column
+            div.task-row(ng-repeat="us in userstories track by us.id", ng-class="{blocked: us.is_blocked}")
+                div.taskboard-userstory-box.task-column(tg-bo-title="us.blocked_note")
                     div.tag-list
-                        span.tag(ng-repeat="tag in us.tags") {{ tag }}
+                        span.tag(ng-repeat="tag in us.tags", tg-bo-bind="tag")
                     h3.us-title
                         a(href="", tg-nav="project-userstories-detail:project=project.slug,ref=us.ref",
                           tg-bo-title="'#' + us.ref + ' ' + us.subject")
diff --git a/app/styles/layout/backlog.scss b/app/styles/layout/backlog.scss
index 5d36481b..324d0eb5 100644
--- a/app/styles/layout/backlog.scss
+++ b/app/styles/layout/backlog.scss
@@ -22,10 +22,3 @@
         }
     }
 }
-
-
-//.menu-secondary.sidebar,
-//.backlog {
-//    height: 100vh;
-//    overflow-x: auto;
-//}
diff --git a/app/styles/modules/backlog/taskboard-table.scss b/app/styles/modules/backlog/taskboard-table.scss
index 6d1dcbc3..84eafb69 100644
--- a/app/styles/modules/backlog/taskboard-table.scss
+++ b/app/styles/modules/backlog/taskboard-table.scss
@@ -59,6 +59,25 @@ $column-margin: 0 10px 0 0;
                 opacity: 1;
             }
         }
+        &.blocked {
+            .taskboard-userstory-box {
+                background: rgba($red, .6);
+                border-radius: 3px;
+                a,
+                .points-value {
+                    @include transition(color .3s linear);
+                    color: rgba($white, .9);
+                    &:hover {
+                        @include transition(color .3s linear);
+                        color: rgba($white, 1);
+                    }
+                }
+            }
+            .taskboard-tasks-box {
+                //@include filter(saturate(20%));
+                background: rgba($red, .1);
+            }
+        }
     }
     .taskboard-tasks-box {
         background: $whitish;
@@ -66,6 +85,7 @@ $column-margin: 0 10px 0 0;
     }
 
     .taskboard-userstory-box {
+        padding: .5rem;
         .icon {
             @include transition(color .2s linear);
             color: $gray-light;