style ticket links
This commit is contained in:
parent
7f297a977c
commit
407231f5d7
4 changed files with 56 additions and 32 deletions
|
@ -1,7 +1,7 @@
|
|||
class App.WidgetLink extends App.Controller
|
||||
events:
|
||||
'click [data-type=add]': 'add',
|
||||
'click [data-type=remove]': 'remove',
|
||||
'click .js-add': 'add',
|
||||
'click .js-remove': 'remove',
|
||||
|
||||
constructor: ->
|
||||
super
|
||||
|
|
|
@ -1,10 +1,19 @@
|
|||
<label><%- @T('Links') %></label>
|
||||
<% for type of @links: %>
|
||||
<label><%- @T( type ) %></label>
|
||||
<ul>
|
||||
<div class="ticketLinks">
|
||||
<div class="sidebar-list-title"><%- @T( type ) %></div>
|
||||
<ul class="sidebar-list">
|
||||
<% for item in @links[type]: %>
|
||||
<li><a href="#ticket/zoom/<%= item.id %>" data-type="" title="<%= item.title %>" class="<%= item.css %>">T:<%= item.number %> <%= item.title %></a> <a href="" data-object="Ticket" data-object-id="<%= item.id %>" data-link-type="<%= type %>" data-type="remove" class="glyphicon glyphicon-remove" title="<%- @Ti('remove') %>"></a></li>
|
||||
<li class="sidebar-list-item">
|
||||
<div class="sidebar-list-item-name">
|
||||
<a href="#ticket/zoom/<%= item.id %>" data-type="" title="<%= item.title %>" class="<%= item.css %>"><span class="ticket-id">T:<%= item.number %></span> <%= item.title %></a>
|
||||
</div>
|
||||
<!--<span>3</span>-->
|
||||
<div class="sidebar-list-item-delete js-delete" data-object="Ticket" data-object-id="<%= item.id %>" data-link-type="<%= type %>" data-type="remove">
|
||||
<svg class="icon icon-diagonal-cross"><use xlink:href="#icon-diagonal-cross" /></svg>
|
||||
</div>
|
||||
<% end %>
|
||||
</ul>
|
||||
</div>
|
||||
<% end %>
|
||||
<div class="text-muted js-newTagLabel u-clickable" data-type="add">+ <%- @T('Add Link') %></div>
|
||||
<div class="text-muted u-clickable js-add">+ <%- @T('Add Link') %></div>
|
|
@ -1,11 +1,10 @@
|
|||
<div class="">
|
||||
<label><%- @T( 'Tags' ) %></label>
|
||||
<ul class="tagList">
|
||||
<ul class="sidebar-list">
|
||||
<% for tag in @tags: %>
|
||||
<li class="tag">
|
||||
<div class="tag-name"><%= tag %></div>
|
||||
<li class="sidebar-list-item">
|
||||
<div class="sidebar-list-item-name"><%= tag %></div>
|
||||
<!--<span>3</span>-->
|
||||
<div class="tag-delete js-delete ">
|
||||
<div class="sidebar-list-item-delete js-delete">
|
||||
<svg class="icon icon-diagonal-cross"><use xlink:href="#icon-diagonal-cross" /></svg>
|
||||
</div>
|
||||
<% end %>
|
||||
|
@ -14,4 +13,3 @@
|
|||
<form>
|
||||
<input type="text" name="new_tag" class="hide js-newTagInput" autocomplete="off">
|
||||
</form>
|
||||
</div>
|
||||
|
|
|
@ -718,7 +718,7 @@ fieldset > *:not(.form-group) .form-control {
|
|||
|
||||
.formGroup-label {
|
||||
padding: 0 2px;
|
||||
margin-bottom: 3px;
|
||||
margin-bottom: 6px;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
@ -3590,28 +3590,36 @@ footer {
|
|||
}
|
||||
}
|
||||
|
||||
.tags {
|
||||
margin: 15px 0 20px;
|
||||
.tags,
|
||||
.links {
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.tagList {
|
||||
.sidebar-list {
|
||||
padding: 0;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.tagList .tag {
|
||||
.sidebar-list-title {
|
||||
color: hsl(206,7%,28%);
|
||||
text-transform: capitalize;
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
.sidebar-list-item {
|
||||
padding: 4px 1px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: hsl(206,7%,28%);
|
||||
border-bottom: 1px solid hsl(240,4%,95%);
|
||||
}
|
||||
|
||||
.tagList .tag-name {
|
||||
.sidebar-list-item-name {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.tagList .tag-delete {
|
||||
height: 29px;
|
||||
.sidebar-list-item-delete {
|
||||
height: 100%;
|
||||
padding: 0 10px;
|
||||
margin-right: -4px;
|
||||
display: flex;
|
||||
|
@ -3626,10 +3634,19 @@ footer {
|
|||
}
|
||||
}
|
||||
|
||||
.tagList .tag-delete:hover .icon {
|
||||
.sidebar-list-item-delete:hover .icon {
|
||||
fill: hsl(1,77%,47%);
|
||||
}
|
||||
|
||||
.ticket-id {
|
||||
color: white;
|
||||
background: hsl(198,19%,72%);
|
||||
font-size: 11px;
|
||||
border-radius: 7px;
|
||||
padding: 0 5px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
.attributeBar {
|
||||
height: 60px;
|
||||
background: white;
|
||||
|
|
Loading…
Reference in a new issue