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

Don't trim long titles, and show them in more lines.

Browse Source 
Reserve space for header icons, and so no layout occur when show that icons.
This commit is contained in:
Matias De lellis
2022-05-22 22:22:54 -03:00
parent a2177fafc7
commit 0b510e5718
5 changed files with 52 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
js/qn-colorpick.js
View File

@@ -1,3 +1,24 @@
/*
* @copyright 2022 Matias De lellis <mati86dl@gmail.com>
*
* @author 2022 Matias De lellis <mati86dl@gmail.com>
*
* @license GNU AGPL version 3 or any later version
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as
* published by the Free Software Foundation, either version 3 of the
* License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
'use strict';
function QnColorPick(parentSelector, onSelectColor) {

6
js/script.js
View File

@@ -361,7 +361,7 @@ View.prototype = {
$('#notes-grid-div').on("click", ".icon-delete-note", function (event) {
event.stopPropagation();
var gridnote = $(this).parent().parent().parent();
var gridnote = $(this).parent().parent();
var id = parseInt(gridnote.attr('data-id'), 10);
var note = self._notes.read(id);
@@ -408,7 +408,7 @@ View.prototype = {
event.stopPropagation();
var icon = $(this);
var gridNote = icon.parent().parent().parent();
var gridNote = icon.parent().parent();
var id = parseInt(gridNote.attr('data-id'), 10);
var note = self._notes.read(id);
@@ -432,7 +432,7 @@ View.prototype = {
event.stopPropagation();
var icon = $(this);
var gridNote = icon.parent().parent().parent();
var gridNote = icon.parent().parent();
var id = parseInt(gridNote.attr('data-id'), 10);
var note = self._notes.read(id);

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

@@ -10,16 +10,14 @@
</div>
</div>
<div class='note-body'>
<div>
{{#if isPinned}}
<div class="icon-header-note icon-pinned fixed-header-icon" title="{{t "quicknotes" "Unpin note"}}"></div>
{{else}}
<div class="icon-header-note icon-pin hide-header-icon" title="{{t "quicknotes" "Pin note"}}"></div>
{{/if}}
<div class="icon-header-note icon-delete hide-header-icon icon-delete-note" title="{{t "quicknotes" "Delete note"}}"></div>
<div class='note-title'>
{{{ title }}}
</div>
{{#if isPinned}}
<div class="icon-header-note icon-pinned fixed-header-icon" title="{{t "quicknotes" "Unpin note"}}"></div>
{{else}}
<div class="icon-header-note icon-pin hide-header-icon" title="{{t "quicknotes" "Pin note"}}"></div>
{{/if}}
<div class="icon-header-note icon-delete hide-header-icon icon-delete-note" title="{{t "quicknotes" "Delete note"}}"></div>
<div class='note-title'>
{{{ title }}}
</div>
<div class='note-content'>
{{{ content }}}

30
js/templates/notes.handlebars
View File

@@ -13,21 +13,19 @@
</div>
</div>
<div class='note-body'>
<div>
{{#if sharedBy}}
<div class="icon-header-note icon-share" title="{{tSB sharedBy.0.display_name}}"></div>
<div class="icon-header-note icon-delete hide-header-icon icon-delete-note" title="{{t "quicknotes" "Leave this shared note"}}"></div>
{{#if sharedBy}}
<div class="icon-header-note icon-share" title="{{tSB sharedBy.0.display_name}}"></div>
<div class="icon-header-note icon-delete hide-header-icon icon-delete-note" title="{{t "quicknotes" "Leave this shared note"}}"></div>
{{else}}
{{#if isPinned}}
<div class="icon-header-note icon-pinned fixed-header-icon" title="{{t "quicknotes" "Unpin note"}}"></div>
{{else}}
{{#if isPinned}}
<div class="icon-header-note icon-pinned fixed-header-icon" title="{{t "quicknotes" "Unpin note"}}"></div>
{{else}}
<div class="icon-header-note icon-pin hide-header-icon" title="{{t "quicknotes" "Pin note"}}"></div>
{{/if}}
<div class="icon-header-note icon-delete hide-header-icon icon-delete-note" title="{{t "quicknotes" "Delete note"}}"></div>
<div class="icon-header-note icon-pin hide-header-icon" title="{{t "quicknotes" "Pin note"}}"></div>
{{/if}}
<div class='note-title'>
{{{ title }}}
</div>
<div class="icon-header-note icon-delete hide-header-icon icon-delete-note" title="{{t "quicknotes" "Delete note"}}"></div>
{{/if}}
<div class='note-title'>
{{{ title }}}
</div>
<div class='note-content'>
{{{ content }}}
@@ -56,10 +54,8 @@
<div class='note-attachts'></div>
</div>
<div class='note-body'>
<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' data-placeholder="{{t "quicknotes" "Title"}}"></div>
</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' data-placeholder="{{t "quicknotes" "Title"}}"></div>
<div contenteditable="true" id='content-editable' class='note-content'></div>
<div class='note-shares'></div>
<div class='note-tags'></div>