display unhoist button on the left of the note title so that it's always visible, #1223

This commit is contained in:
zadam
2020-09-08 23:25:21 +02:00
parent a73733d0fc
commit ee4ce3ffd8
4 changed files with 14 additions and 4 deletions

View File

@@ -32,7 +32,7 @@ const TPL = `
.tree {
height: 100%;
overflow: auto;
padding-bottom: 20px;
padding-bottom: 35px;
}
.refresh-search-button {
@@ -464,9 +464,11 @@ export default class NoteTreeWidget extends TabAwareWidget {
&& node.data.noteId === hoistedNoteService.getHoistedNoteId()
&& $span.find('.unhoist-button').length === 0) {
const unhoistButton = $('<span>&nbsp; (<a class="unhoist-button">unhoist</a>)</span>');
const unhoistButton = $('<span class="unhoist-button-wrapper" title="Unhoist current note to show the whole note tree">[<a class="unhoist-button">unhoist</a>]</span>');
$span.append(unhoistButton);
// prepending since appending could push out (when note title is too long)
// the button too much to the right so that it's not visible
$span.prepend(unhoistButton);
}
const note = await treeCache.getNote(node.data.noteId);