Garmelon/gedaechtnas
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix focused note sometimes becoming invisible

Browse source
This commit is contained in:
Joscha 2025-02-08 01:08:39 +01:00
parent e3e35f54b3
commit 9e41b5920a
2 changed files with 26 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

20
gdn-app/src/components/CNote.vue
View file

@ -42,7 +42,7 @@ const hovering = ref(false);
const mode = ref<"editing" | "creating">();
const mayOpen = computed(() => children.value.length > 0);
const open = computed(() => mayOpen.value && ui.openPaths.has(props.path));
const open = computed(() => mayOpen.value && ui.isOpen(props.path));
const focused = computed(() => ui.focusPath === props.path);
const hover = computed(() => hovering.value && mode.value !== "editing");
@ -52,11 +52,7 @@ const editing = computed(() => mode.value === "editing");
// Ensure we're open if we need to be.
watchEffect(() => {
if (props.forceOpen || creating.value) {
if (!ui.openPaths.has(props.path)) {
ui.openPaths.add(props.path);
}
}
if (props.forceOpen || creating.value) ui.setOpen(props.path, true);
});
// Ensure only one editor is ever open.
@ -73,21 +69,13 @@ function focusOnThis() {
ui.focusPath = props.path;
}
function toggleOpen() {
if (open.value) {
ui.openPaths.delete(props.path);
} else {
ui.openPaths.add(props.path);
}
}
function onClick() {
if (!focused.value) {
focusOnThis();
return;
}
toggleOpen();
ui.toggleOpen(props.path);
}
function onEditButtonClick() {
@ -135,7 +123,7 @@ function onCreateEditorFinish(text: string) {
<div
class="rounded"
:class="focused ? 'hover:bg-neutral-300' : 'hover:bg-neutral-200'"
@click.stop="toggleOpen()"
@click.stop="ui.toggleOpen(props.path)"
>
<RiArrowDownSLine v-if="open && props.forceOpen" size="16px" class="text-neutral-400" />
<RiArrowDownSLine v-else-if="open" size="16px" />