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

Improved tags styles

stable
Xavier Julián 2014-08-07 12:34:30 +02:00
parent 954a249d44
commit efeee84aba
4 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/coffee/modules/base/tags.coffee
View File

@ -55,7 +55,7 @@ ColorizeTagDirective = ->
link = ($scope, $el, $attrs, $ctrl) -> link = ($scope, $el, $attrs, $ctrl) ->
text = $scope.$eval($attrs.tgColorizeTag) text = $scope.$eval($attrs.tgColorizeTag)
color = textToColor(text) color = textToColor(text)
$el.css("background", color) $el.css("border-left", "5px solid " + color)
return {link: link} return {link: link}

2
app/coffee/modules/common.coffee
View File

@ -42,7 +42,7 @@ TagLineDirective = ($log) ->
# Tags template (rendered manually using lodash) # Tags template (rendered manually using lodash)
templateTags = _.template(""" templateTags = _.template("""
<% _.each(tags, function(tag) { %> <% _.each(tags, function(tag) { %>
<div class="tag" style="background: <%- tag.color %>;"> <div class="tag" style="border-left: 5px solid <%- tag.color %>;">
<span class="tag-name"><%- tag.name %></span> <span class="tag-name"><%- tag.name %></span>
<% if (editable) { %> <% if (editable) { %>
<a href="" title="delete tag" class="icon icon-delete"></a> <a href="" title="delete tag" class="icon icon-delete"></a>

8
app/styles/components/tag.scss
View File

@ -1,12 +1,12 @@
.tag { .tag {
background: $grayer; // Fallback background: $whitish; // Fallback
color: $white; color: $grayer;
display: inline-block; display: inline-block;
margin: 0 0 .5rem; margin-right: .5rem;
padding: .2rem .5rem; padding: .2rem .5rem;
text-align: center; text-align: center;
.icon-delete { .icon-delete {
color: $white; color: $gray-light;
margin-left: 1rem; margin-left: 1rem;
&:hover { &:hover {
color: $red; color: $red;

4
app/styles/modules/backlog/backlog-table.scss
View File

@ -146,10 +146,10 @@
} }
.user-story-tags { .user-story-tags {
display: none; display: none;
margin-top: .3rem; margin-bottom: .3rem;
.tag { .tag {
@extend %small; @extend %small;
margin-right: .1rem; margin-right: .5rem;
padding: .2rem .5rem; padding: .2rem .5rem;
} }
} }