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

@ -1,6 +1,7 @@
import options from './options.js';
import appContext from "./app_context.js";
import treeService from "./tree.js";
import treeCache from "./tree_cache.js";
function getHoistedNoteId() {
return options.get('hoistedNoteId');
@ -9,6 +10,8 @@ function getHoistedNoteId() {
async function setHoistedNoteId(noteId) {
await options.save('hoistedNoteId', noteId);
await treeCache.loadInitialTree();
// FIXME - just use option load event
appContext.triggerEvent('hoistedNoteChanged', {noteId});
}

View File

@ -207,7 +207,7 @@ export default class AttributeListWidget extends TabAwareWidget {
async renderInheritedAttributes(attributes, $container) {
for (const attribute of attributes) {
const $attr = await attributeRenderer.renderAttribute(attribute, false)
const $attr = (await attributeRenderer.renderAttribute(attribute, false))
.on('click', e => this.attributeDetailWidget.showAttributeDetail({
attribute: {
noteId: attribute.noteId,

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);

View File

@ -540,6 +540,11 @@ div[data-notify="container"] {
padding: 2px;
}
.unhoist-button-wrapper {
position: relative;
top: -4px;
}
.unhoist-button {
text-decoration: underline !important;
color: var(--link-color) !important;