hover text in note buttons

This commit is contained in:
yawhn 2022-11-25 13:46:10 +02:00
parent b0c6b2b7e1
commit 4b3006bead
5 changed files with 12 additions and 7 deletions

View file

@ -71,21 +71,21 @@
</div>
<footer class="footer">
<XReactionsViewer ref="reactionsViewer" :note="appearNote"/>
<button class="button _button" @click="reply()">
<button class="button _button" v-tooltip.noDelay.bottom="i18n.ts.reply" @click="reply()">
<template v-if="appearNote.reply"><i class="ph-arrow-u-up-left-bold ph-lg"></i></template>
<template v-else><i class="ph-arrow-bend-up-left-bold ph-lg"></i></template>
<p v-if="appearNote.repliesCount > 0" class="count">{{ appearNote.repliesCount }}</p>
</button>
<XRenoteButton ref="renoteButton" class="button" :note="appearNote" :count="appearNote.renoteCount"/>
<XStarButton v-if="appearNote.myReaction == null" ref="starButton" class="button" :note="appearNote"/>
<button v-if="appearNote.myReaction == null" ref="reactButton" class="button _button" @click="react()">
<button v-if="appearNote.myReaction == null" ref="reactButton" class="button _button" v-tooltip.noDelay.bottom="i18n.ts.reaction" @click="react()">
<i class="ph-smiley-bold ph-lg"></i>
</button>
<button v-if="appearNote.myReaction != null" ref="reactButton" class="button _button reacted" @click="undoReact(appearNote)">
<i class="ph-minus-bold ph-lg"></i>
</button>
<XQuoteButton class="button" :note="appearNote"/>
<button ref="menuButton" class="button _button" @click="menu()">
<button ref="menuButton" class="button _button" v-tooltip.noDelay.bottom="i18n.ts.more" @click="menu()">
<i class="ph-dots-three-outline-bold ph-lg"></i>
</button>
</footer>

View file

@ -81,21 +81,21 @@
</MkA>
</div>
<XReactionsViewer ref="reactionsViewer" :note="appearNote"/>
<button class="button _button" @click="reply()">
<button class="button _button" v-tooltip.noDelay.bottom="i18n.ts.reply" @click="reply()">
<template v-if="appearNote.reply"><i class="ph-arrow-u-up-left-bold ph-lg"></i></template>
<template v-else><i class="ph-arrow-bend-up-left-bold ph-lg"></i></template>
<p v-if="appearNote.repliesCount > 0" class="count">{{ appearNote.repliesCount }}</p>
</button>
<XRenoteButton ref="renoteButton" class="button" :note="appearNote" :count="appearNote.renoteCount"/>
<XStarButton v-if="appearNote.myReaction == null" ref="starButton" class="button" :note="appearNote"/>
<button v-if="appearNote.myReaction == null" ref="reactButton" class="button _button" @click="react()">
<button v-if="appearNote.myReaction == null" ref="reactButton" class="button _button" v-tooltip.noDelay.bottom="i18n.ts.reaction" @click="react()">
<i class="ph-smiley-bold ph-lg"></i>
</button>
<button v-if="appearNote.myReaction != null" ref="reactButton" class="button _button reacted" @click="undoReact(appearNote)">
<i class="ph-minus-bold ph-lg"></i>
</button>
<XQuoteButton class="button" :note="appearNote"/>
<button ref="menuButton" class="button _button" @click="menu()">
<button ref="menuButton" class="button _button" v-tooltip.noDelay.bottom="i18n.ts.more" @click="menu()">
<i class="ph-dots-three-outline-bold ph-lg"></i>
</button>
</footer>

View file

@ -2,6 +2,7 @@
<button
v-if="canRenote && $store.state.seperateRenoteQuote"
class="eddddedb _button"
v-tooltip.noDelay.bottom="i18n.ts.quote"
@click="quote()"
>
<i class="ph-quotes-bold ph-lg"></i>
@ -14,6 +15,7 @@ import type { Note } from 'misskey-js/built/entities';
import { pleaseLogin } from '@/scripts/please-login';
import * as os from '@/os';
import { $i } from '@/account';
import { i18n } from '@/i18n';
const props = defineProps<{
note: Note;

View file

@ -3,6 +3,7 @@
v-if="canRenote"
ref="buttonRef"
class="eddddedb _button canRenote"
v-tooltip.noDelay.bottom="i18n.ts.renote"
@click="renote(false, $event)"
>
<i class="ph-repeat-bold ph-lg"></i>

View file

@ -1,5 +1,5 @@
<template>
<button class="skdfgljsdkf _button" @click="star($event)">
<button class="skdfgljsdkf _button" v-tooltip.noDelay.bottom="text" @click="star($event)">
<i class="ph-star-bold ph-lg"></i>
</button>
</template>
@ -10,6 +10,8 @@ import Ripple from '@/components/MkRipple.vue';
import { pleaseLogin } from '@/scripts/please-login';
import * as os from '@/os';
const text = 'Like';
const props = defineProps<{
note: Note;
}>();