ArkHost/HelixNotes
1
0
Fork 0
mirror of https://gitlab.com/ArkHost/HelixNotes.git synced 2026-09-19 17:37:29 +02:00
Code Issues Projects Releases Wiki Activity

Keep Note Info open across note changes

Browse Source
This commit is contained in:
Yuri Karamian
2026-08-06 15:13:43 +02:00
parent 1950c4cc3c
commit bdf94e2494
1 changed files with 1 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/Editor.svelte
+1 -19
View File
@@ -370,8 +370,6 @@
// Info panel // Info panel
let showInfo = $state(false); let showInfo = $state(false);
let infoPanelEl = $state<HTMLElement | null>(null);
let infoToggleBtnEl = $state<HTMLElement | null>(null);
let wordCount = $state(0); let wordCount = $state(0);
let charCount = $state(0); let charCount = $state(0);
let infoPathCopyState = $state<'idle' | 'copied' | 'error'>('idle'); let infoPathCopyState = $state<'idle' | 'copied' | 'error'>('idle');
@@ -4316,21 +4314,6 @@
if ($sourceMode) updateCounts(); if ($sourceMode) updateCounts();
}); });
// Auto-close info panel on click outside
$effect(() => {
if (!showInfo) return;
function onInfoClickAway(e: MouseEvent) {
if (
infoPanelEl && !infoPanelEl.contains(e.target as Node) &&
infoToggleBtnEl && !infoToggleBtnEl.contains(e.target as Node)
) {
showInfo = false;
}
}
document.addEventListener('mousedown', onInfoClickAway);
return () => document.removeEventListener('mousedown', onInfoClickAway);
});
// Close in-note search when switching notes // Close in-note search when switching notes
let prevSearchPath = ''; let prevSearchPath = '';
$effect(() => { $effect(() => {
@@ -6142,7 +6125,6 @@
</svg> </svg>
</button> </button>
<button <button
bind:this={infoToggleBtnEl}
class="icon-btn" class="icon-btn"
class:active={showInfo} class:active={showInfo}
onclick={toggleInfo} onclick={toggleInfo}
@@ -6487,7 +6469,7 @@
</div> </div>
{/if} {/if}
{#if showInfo && $activeNote} {#if showInfo && $activeNote}
<div class="info-panel" bind:this={infoPanelEl}> <div class="info-panel">
<div class="info-panel-header"> <div class="info-panel-header">
<span class="info-panel-title">Note Info</span> <span class="info-panel-title">Note Info</span>
<button class="info-close-btn" onclick={() => showInfo = false}> <button class="info-close-btn" onclick={() => showInfo = false}>