style tag list
This commit is contained in:
parent
24543a1d83
commit
091504eeb4
2 changed files with 61 additions and 4 deletions
|
@ -1,4 +1,25 @@
|
||||||
<div class="">
|
<div class="">
|
||||||
<h6><%- @T( 'Tags' ) %></h6>
|
<label><%- @T( 'Tags' ) %></label>
|
||||||
<input type="text" name="tags" id="<%- @tag_id %>" class="form-control" value="<% for tag in @tags: %><%= tag %>,<% end %>"/>
|
<!--<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>
|
</div>
|
||||||
|
|
|
@ -534,6 +534,11 @@ label {
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
letter-spacing: 0.1em;
|
letter-spacing: 0.1em;
|
||||||
padding: 0 2px;
|
padding: 0 2px;
|
||||||
|
margin-bottom: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-group + .form-group {
|
||||||
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-group .help-message {
|
.form-group .help-message {
|
||||||
|
@ -3059,10 +3064,41 @@ footer {
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar .form-group {
|
.sidebar .form-group {
|
||||||
margin: 0 -20px;
|
margin-left: -20px;
|
||||||
padding: 0 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;
|
||||||
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
|
|
||||||
----------------
|
----------------
|
||||||
|
|
Loading…
Reference in a new issue