Add 'Title' placeholder to notes..

This commit is contained in:
Matias De lellis
2022-05-18 21:14:40 -03:00
parent 5000048396
commit dfd4701e67
3 changed files with 6 additions and 3 deletions

View File

@@ -41,6 +41,10 @@
box-shadow: 0px 0px 6px #808080; box-shadow: 0px 0px 6px #808080;
} }
#title-editable:empty:before {
content: attr(data-placeholder);
}
.quicknote ul { .quicknote ul {
list-style: initial; list-style: initial;
margin-left: 20px; margin-left: 20px;

View File

@@ -327,7 +327,6 @@ View.prototype = {
}); });
} }
// Show delete and pin icons when hover over the notes. // Show delete and pin icons when hover over the notes.
$("#notes-grid-div").on("mouseenter", ".quicknote", function() { $("#notes-grid-div").on("mouseenter", ".quicknote", function() {
$(this).find(".icon-header-note").addClass( "show-header-icon"); $(this).find(".icon-header-note").addClass( "show-header-icon");

View File

@@ -58,7 +58,7 @@
<div class='note-body'> <div class='note-body'>
<div> <div>
<div class="icon-header-note icon-pin fixed-header-icon" title="{{t "quicknotes" "Pin note"}}"></div> <div class="icon-header-note icon-pin fixed-header-icon" title="{{t "quicknotes" "Pin note"}}"></div>
<div contenteditable="true" id='title-editable' class='note-title'></div> <div contenteditable="true" id='title-editable' class='note-title' data-placeholder="{{t "quicknotes" "Title"}}"></div>
</div> </div>
<div contenteditable="true" id='content-editable' class='note-content'></div> <div contenteditable="true" id='content-editable' class='note-content'></div>
<div class='note-shares'></div> <div class='note-shares'></div>