builderadmin
/
NoteDiscovery
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

try to fix shifting

This commit is contained in:
Gamosoft 2025-11-18 10:27:01 +01:00
parent bd60b6dd2f
commit b21ad82ea1
2 changed files with 14 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/app.js
View File

@ -536,7 +536,7 @@ function noteApp() {
@dragstart="onNoteDragStart('${note.path.replace(/'/g, "\\'")}', $event)"
@dragend="onNoteDragEnd()"
@click="loadNote('${note.path.replace(/'/g, "\\'")}')"
class="note-item px-3 py-2 mb-1 text-sm rounded relative"
class="note-item px-3 py-2 mb-1 text-sm rounded relative border-2 border-transparent"
style="${isCurrentNote ? 'background-color: var(--accent-light); color: var(--accent-primary);' : 'color: var(--text-primary);'} cursor: pointer;"
@mouseover="if('${note.path}' !== currentNote) $el.style.backgroundColor='var(--bg-hover)'"
@mouseout="if('${note.path}' !== currentNote) $el.style.backgroundColor='transparent'"

30
frontend/index.html
View File

@ -909,26 +909,18 @@
>⊟</button>
</div>
</div>
<div class="text-xs" style="color: var(--text-tertiary); opacity: 0.8;">
💡 Drag=Move | <kbd style="padding: 1px 4px; border-radius: 3px; background: var(--bg-tertiary); font-size: 10px;">Ctrl</kbd>+Drag=Link
</div>
</div>
<!-- Root drop zone - only visible when dragging -->
<!-- Dual-purpose: hint text OR root drop zone when dragging -->
<div
x-show="draggedNote || draggedFolder"
x-transition
@dragover.prevent="dragOverFolder = '';"
@dragenter.prevent="dragOverFolder = '';"
@dragleave="dragOverFolder = null;"
@drop="onFolderDrop('')"
class="mb-2 px-2 py-1.5 rounded border-2 border-dashed transition-all"
:class="dragOverFolder === '' ? 'bg-accent-light' : ''"
:style="dragOverFolder === '' ? 'border-color: var(--accent-primary);' : 'border-color: var(--border-primary);'"
class="text-xs px-2 py-1 rounded transition-all border-2"
:class="(draggedNote || draggedFolder) ? 'border-dashed font-medium text-center' : 'border-transparent'"
:style="(draggedNote || draggedFolder) ? (dragOverFolder === '' ? 'color: var(--accent-primary); background-color: var(--accent-light); border-color: var(--accent-primary);' : 'color: var(--text-secondary); border-color: var(--border-primary);') : 'color: var(--text-tertiary); opacity: 0.8;'"
@dragover.prevent="if(draggedNote || draggedFolder) dragOverFolder = '';"
@dragenter.prevent="if(draggedNote || draggedFolder) dragOverFolder = '';"
@dragleave="if(draggedNote || draggedFolder) dragOverFolder = null;"
@drop="if(draggedNote || draggedFolder) onFolderDrop('')"
>
<div class="text-xs text-center font-medium flex items-center justify-center gap-1"
:style="dragOverFolder === '' ? 'color: var(--accent-primary);' : 'color: var(--text-secondary);'">
<span>📂 Root</span>
<span x-show="!draggedNote && !draggedFolder">💡 Drag=Move | <kbd style="padding: 1px 4px; border-radius: 3px; background: var(--bg-tertiary); font-size: 10px;">Ctrl</kbd>+Drag=Link</span>
<span x-show="draggedNote || draggedFolder">📂 Drop here for Root</span>
</div>
</div>
@ -944,7 +936,7 @@
@dragstart="onNoteDragStart(note.path, $event)"
@dragend="onNoteDragEnd()"
@click="loadNote(note.path)"
class="note-item px-3 py-2 mb-1 text-sm rounded relative"
class="note-item px-3 py-2 mb-1 text-sm rounded relative border-2 border-transparent"
:style="(currentNote === note.path ? 'background-color: var(--accent-light); color: var(--accent-primary);' : 'color: var(--text-primary);') + (draggedNote || draggedFolder ? ' cursor: grabbing;' : ' cursor: pointer;')"
@mouseover="if(currentNote !== note.path) $el.style.backgroundColor='var(--bg-hover)'"
@mouseout="if(currentNote !== note.path) $el.style.backgroundColor='transparent'"