Hide mouse buttons using visibility: hidden

This commit is contained in:
Joscha 2025-02-11 19:28:39 +01:00
parent 7a58ac37f7
commit 4b6732ccd0
2 changed files with 11 additions and 10 deletions

View file

@ -176,14 +176,14 @@ function onCreateEditorFinish(text: string): void {
<div v-else class="px-1 font-light italic">note not found</div>
<!-- Controls -->
<div v-if="hover || pinned" class="absolute right-0 flex h-6 items-center gap-0.5">
<CNoteButton v-if="hover" @click.stop="onEditButtonClick">
<div class="absolute right-0 flex h-6 items-center gap-0.5">
<CNoteButton :visible="hover" @click.stop="onEditButtonClick">
<RiEditLine size="16px" />
</CNoteButton>
<CNoteButton v-if="hover" @click.stop="onCreateButtonClick">
<CNoteButton :visible="hover" @click.stop="onCreateButtonClick">
<RiStickyNoteAddLine size="16px" />
</CNoteButton>
<CNoteButton :inverted="pinned" @click.stop="onPinButtonClick">
<CNoteButton :visible="hover || pinned" :inverted="pinned" @click.stop="onPinButtonClick">
<RiPushpinFill v-if="pinned" size="16px" />
<RiPushpinLine v-else size="16px" />
</CNoteButton>