Hide mouse buttons using visibility: hidden
This commit is contained in:
parent
7a58ac37f7
commit
4b6732ccd0
2 changed files with 11 additions and 10 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue