fix ticket tags
This commit is contained in:
parent
91c14382a4
commit
7f297a977c
2 changed files with 25 additions and 10 deletions
|
@ -2,12 +2,12 @@
|
||||||
<label><%- @T( 'Tags' ) %></label>
|
<label><%- @T( 'Tags' ) %></label>
|
||||||
<ul class="tagList">
|
<ul class="tagList">
|
||||||
<% for tag in @tags: %>
|
<% for tag in @tags: %>
|
||||||
<li class="horizontal center">
|
<li class="tag">
|
||||||
<span class="flex tag"><%= tag %></span>
|
<div class="tag-name"><%= tag %></div>
|
||||||
<!--<span>3</span>-->
|
<!--<span>3</span>-->
|
||||||
<span class="tag-delete js-delete centered u-clickable">
|
<div class="tag-delete js-delete ">
|
||||||
<span class="delete icon"></span>
|
<svg class="icon icon-diagonal-cross"><use xlink:href="#icon-diagonal-cross" /></svg>
|
||||||
</span>
|
</div>
|
||||||
<% end %>
|
<% end %>
|
||||||
</ul>
|
</ul>
|
||||||
<div class="text-muted js-newTagLabel u-clickable">+ <%- @T('Add Tag') %></div>
|
<div class="text-muted js-newTagLabel u-clickable">+ <%- @T('Add Tag') %></div>
|
||||||
|
|
|
@ -3599,20 +3599,35 @@ footer {
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tagList li {
|
.tagList .tag {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
color: hsl(206,7%,28%);
|
||||||
border-bottom: 1px solid hsl(240,4%,95%);
|
border-bottom: 1px solid hsl(240,4%,95%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.tagList .tag-name {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
.tagList .tag-delete {
|
.tagList .tag-delete {
|
||||||
height: 29px;
|
height: 29px;
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
margin-right: -4px;
|
margin-right: -4px;
|
||||||
display: block;
|
display: flex;
|
||||||
opacity: 0.2;
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
@extend .u-clickable;
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
width: 9px;
|
||||||
|
height: 9px;
|
||||||
|
fill: hsl(0,0%,82%);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.tagList .tag-delete:hover {
|
.tagList .tag-delete:hover .icon {
|
||||||
opacity: 0.5;
|
fill: hsl(1,77%,47%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.attributeBar {
|
.attributeBar {
|
||||||
|
|
Loading…
Reference in a new issue