style tag list

This commit is contained in:
Felix Niklas 2014-08-30 12:24:31 +02:00
parent 24543a1d83
commit 091504eeb4
2 changed files with 61 additions and 4 deletions

View file

@ -1,4 +1,25 @@
<div class="">
<h6><%- @T( 'Tags' ) %></h6>
<input type="text" name="tags" id="<%- @tag_id %>" class="form-control" value="<% for tag in @tags: %><%= tag %>,<% end %>"/>
<label><%- @T( 'Tags' ) %></label>
<!--<input type="text" name="tags" id="<%- @tag_id %>" class="form-control" value="<% for tag in @tags: %><%= tag %>,<% end %>"/>-->
<ul class="tagList">
<li class="horizontal center">
<span class="flex">Midi Notes</span>
<span>3</span>
<span class="tag-delete js-delete centered clickable">
<span class="delete icon"></span>
</span>
<li class="horizontal center">
<span class="flex">Transitions</span>
<span>23</span>
<span class="tag-delete js-delete centered clickable">
<span class="delete icon"></span>
</span>
<li class="horizontal center">
<span class="flex">New UI</span>
<span>3</span>
<span class="tag-delete js-delete centered clickable">
<span class="delete icon"></span>
</span>
</ul>
<div class="text-muted js-newTag clickable">+ <%- @T('Add Tag') %></div>
</div>

View file

@ -534,6 +534,11 @@ label {
font-weight: normal;
letter-spacing: 0.1em;
padding: 0 2px;
margin-bottom: 4px;
}
.form-group + .form-group {
margin-top: 0;
}
.form-group .help-message {
@ -3059,8 +3064,39 @@ footer {
}
.sidebar .form-group {
margin: 0 -20px;
padding: 0 20px;
margin-left: -20px;
margin-right: -20px;
padding-right: 20px;
padding-left: 20px;
}
.sidebar .text-muted {
color: hsl(204,3%,72%);
}
.tags {
margin-bottom: 20px;
}
.tagList {
padding: 0;
margin-bottom: 5px;
}
.tagList li {
border-bottom: 1px solid hsl(240,4%,95%);
}
.tagList .tag-delete {
height: 29px;
padding: 0 10px;
margin-right: -4px;
display: block;
opacity: 0.2;
}
.tagList .tag-delete:hover {
opacity: 0.5;
}
/*