Grey out fold symbol if note is stuck open

This commit is contained in:
Joscha 2025-02-07 02:22:43 +01:00
parent dd19497426
commit cda2ddee32

View file

@ -36,7 +36,8 @@ const children = computed(() => {
return children; return children;
}); });
const open = computed(() => ui.openPaths.has(props.path)); const mayOpen = computed(() => children.value.length > 0);
const open = computed(() => mayOpen.value && ui.openPaths.has(props.path));
const focused = computed(() => ui.focusPath === props.path); const focused = computed(() => ui.focusPath === props.path);
const creating = ref(false); const creating = ref(false);
@ -90,8 +91,13 @@ function onClick() {
:class="focused ? ['hover:bg-neutral-300'] : ['hover:bg-neutral-200']" :class="focused ? ['hover:bg-neutral-300'] : ['hover:bg-neutral-200']"
@click.stop="toggleOpen()" @click.stop="toggleOpen()"
> >
<RiArrowRightSLine v-if="children.length > 0 && !open" size="16px" /> <RiArrowDownSLine
<RiArrowDownSLine v-else-if="children.length > 0" size="16px" /> v-if="open && props.forceOpen"
size="16px"
class="text-neutral-400"
/>
<RiArrowDownSLine v-else-if="open" size="16px" />
<RiArrowRightSLine v-else-if="mayOpen" size="16px" />
<RiArrowRightSLine v-else size="16px" class="text-neutral-400" /> <RiArrowRightSLine v-else size="16px" class="text-neutral-400" />
</div> </div>
</div> </div>