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

Now the tag hover space is the double of the tag line

stable
Jesús Espino 2014-11-05 23:11:58 +01:00
parent 238df23a61
commit c80aed16a4
4 changed files with 16 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/coffee/modules/common/tags.coffee
View File

@ -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 %>" />
<% }) %>
""")
}

2
app/partials/views/components/kanban-task.jade
View File

@ -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

19
app/styles/components/kanban-task.scss
View File

@ -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;
}
}

10
app/styles/components/taskboard-task.scss
View File

@ -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();