From c80aed16a4048440e2d8ef24a14978974cce343a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs=20Espino?= <jesus.espino@kaleidos.net>
Date: Wed, 5 Nov 2014 23:11:58 +0100
Subject: [PATCH] Now the tag hover space is the double of the tag line

---
 app/coffee/modules/common/tags.coffee         |  4 ++--
 .../views/components/kanban-task.jade         |  2 +-
 app/styles/components/kanban-task.scss        | 19 +++++++------------
 app/styles/components/taskboard-task.scss     | 10 ++++++----
 4 files changed, 16 insertions(+), 19 deletions(-)

diff --git a/app/coffee/modules/common/tags.coffee b/app/coffee/modules/common/tags.coffee
index 6caa1735..97aa8fd6 100644
--- a/app/coffee/modules/common/tags.coffee
+++ b/app/coffee/modules/common/tags.coffee
@@ -63,12 +63,12 @@ ColorizeTagsDirective = ->
         """)
         kanban: _.template("""
         <% _.each(tags, function(tag) { %>
-            <a class="kanban-tag" href="" style="background: <%- tag.color %>" title="<%- tag.name %>" />
+            <a class="kanban-tag" href="" style="border-color: <%- tag.color %>" title="<%- tag.name %>" />
         <% }) %>
         """)
         taskboard: _.template("""
         <% _.each(tags, function(tag) { %>
-            <a class="taskboard-tag" href="" style="background: <%- tag.color %>" title="<%- tag.name %>" />
+            <a class="taskboard-tag" href="" style="border-color: <%- tag.color %>" title="<%- tag.name %>" />
         <% }) %>
         """)
     }
diff --git a/app/partials/views/components/kanban-task.jade b/app/partials/views/components/kanban-task.jade
index 522616b3..427ad023 100644
--- a/app/partials/views/components/kanban-task.jade
+++ b/app/partials/views/components/kanban-task.jade
@@ -1,4 +1,4 @@
-div.kanban-tagline(tg-colorize-tags="us.tags" tg-colorize-tags-type="kanban")
+div.kanban-tagline(tg-colorize-tags="us.tags", tg-colorize-tags-type="kanban")
 div.kanban-task-inner
     div(tg-kanban-user-avatar="us.assigned_to", ng-model="us")
     div.task-text
diff --git a/app/styles/components/kanban-task.scss b/app/styles/components/kanban-task.scss
index ebe3c3b0..45d73e47 100644
--- a/app/styles/components/kanban-task.scss
+++ b/app/styles/components/kanban-task.scss
@@ -28,13 +28,14 @@
     }
     .kanban-tagline {
         @include table-flex();
-        background: $postit-hover; //Fallback
-        //height: .3rem;
+        border-color: $postit-hover; //Fallback
+        height: .6rem;
     }
     .kanban-tag {
         @include table-flex-child(1, 0, 0, 0);
-        background: $postit-hover; //Fallback
-        //height: .3rem;
+        border-color: $postit-hover; //Fallback
+        z-index: 100;
+        height: .6rem;
     }
     .kanban-task-inner {
         @include table-flex();
@@ -127,11 +128,8 @@
             }
         }
     }
-    .kanban-tagline {
-        height: .3rem;
-    }
     .kanban-tag {
-        height: .3rem;
+        border-top: .3rem solid;
     }
 }
 
@@ -169,10 +167,7 @@
         cursor: move;
         right: .1rem;
     }
-    .kanban-tagline {
-        height: .2rem;
-    }
     .kanban-tag {
-        height: .2rem;
+        border-top: .2rem solid;
     }
 }
diff --git a/app/styles/components/taskboard-task.scss b/app/styles/components/taskboard-task.scss
index 13336e3b..9b9f684c 100644
--- a/app/styles/components/taskboard-task.scss
+++ b/app/styles/components/taskboard-task.scss
@@ -34,13 +34,15 @@
     }
     .taskboard-tagline {
         @include table-flex();
-        background: $gray-light; //Fallback
-        height: .3rem;
+        border-color: $postit-hover; //Fallback
+        height: .6rem;
     }
     .taskboard-tag {
         @include table-flex-child(1, 0, 0, 0);
-        background: $postit-hover; //Fallback
-        height: .3rem;
+        border-color: $postit-hover; //Fallback
+        z-index: 100;
+        height: .6rem;
+        border-top: .3rem solid;
     }
     .taskboard-task-inner {
         @include table-flex();