mirror of
				https://github.com/zadam/trilium.git
				synced 2025-10-31 18:36:30 +01:00 
			
		
		
		
	display unhoist button on the left of the note title so that it's always visible, #1223
This commit is contained in:
		| @@ -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}); | ||||
| } | ||||
|   | ||||
| @@ -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, | ||||
|   | ||||
| @@ -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>  (<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); | ||||
|   | ||||
| @@ -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; | ||||
|   | ||||
		Reference in New Issue
	
	Block a user