Minz/quicknotes
1
0
Fork 0
mirror of https://github.com/JanGross/quicknotes.git synced 2025-11-30 23:37:16 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add icon to tags on notes.

Browse Source
This commit is contained in:
Matias De lellis
2020-05-26 23:31:02 -03:00
parent dbc36aebd4
commit 6a97bf0991
4 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
css/style.css
View File

@@ -221,9 +221,16 @@ div[contenteditable="true"] {
.slim-tag { .slim-tag {
display: inline-block; display: inline-block;
padding: 3px 5px; padding: 0px 6px 0 24px;
background-color: rgba(0,0,0,0.08); background-color: rgba(0,0,0,0.08);
border-radius: 12px; background-position: 8px center;
opacity: 0.7;
border-radius: 10px;
font-size: 90%;
}
.note-tags {
margin-top: 10px;
} }
/* Restore defaults select2 rules */ /* Restore defaults select2 rules */

2
js/script.js
View File

@@ -675,7 +675,7 @@ View.prototype = {
modalTags.html(''); modalTags.html('');
newTags.forEach(function (item, index) { newTags.forEach(function (item, index) {
var noteId = parseInt(item.id) || -1; var noteId = parseInt(item.id) || -1;
var tag = $('<div class="slim-tag" tag-id="' + noteId + '">' + item.text + '</div>'); var tag = $('<div class="icon-tag slim-tag" tag-id="' + noteId + '">' + item.text + '</div>');
modalTags.append(tag); modalTags.append(tag);
}); });
} }

2
js/templates/note-item.handlebars
View File

@@ -27,7 +27,7 @@
</div> </div>
<div class='note-tags'> <div class='note-tags'>
{{#each tags}} {{#each tags}}
<div class="slim-tag" tag-id="{{ id }}">{{{ name }}}</div> <div class="icon-tag slim-tag" tag-id="{{ id }}">{{{ name }}}</div>
{{/each}} {{/each}}
</div> </div>
{{/if}} {{/if}}

2
js/templates/notes.handlebars
View File

@@ -30,7 +30,7 @@
</div> </div>
<div class='note-tags'> <div class='note-tags'>
{{#each tags}} {{#each tags}}
<div class='slim-tag' tag-id="{{ id }}"> <div class='icon-tag slim-tag' tag-id="{{ id }}">
{{{ name }}} {{{ name }}}
</div> </div>
{{/each}} {{/each}}