Add tooltips to visibility icons (#9287)
This commit is contained in:
parent
e81c2962a0
commit
f89a163305
|
@ -1,10 +1,10 @@
|
||||||
<template>
|
<template>
|
||||||
<span v-if="note.visibility !== 'public'" :class="$style.visibility">
|
<span v-if="note.visibility !== 'public'" :class="$style.visibility" :title="i18n.ts._visibility[note.visibility]">
|
||||||
<i v-if="note.visibility === 'home'" class="fas fa-home"></i>
|
<i v-if="note.visibility === 'home'" class="fas fa-home"></i>
|
||||||
<i v-else-if="note.visibility === 'followers'" class="fas fa-unlock"></i>
|
<i v-else-if="note.visibility === 'followers'" class="fas fa-unlock"></i>
|
||||||
<i v-else-if="note.visibility === 'specified'" ref="specified" class="fas fa-envelope"></i>
|
<i v-else-if="note.visibility === 'specified'" ref="specified" class="fas fa-envelope"></i>
|
||||||
</span>
|
</span>
|
||||||
<span v-if="note.localOnly" :class="$style.localOnly"><i class="fas fa-biohazard"></i></span>
|
<span v-if="note.localOnly" :class="$style.localOnly" :title="i18n.ts._visibility['localOnly']"><i class="fas fa-biohazard"></i></span>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
|
@ -12,6 +12,7 @@ import { ref } from 'vue';
|
||||||
import XDetails from '@/components/MkUsersTooltip.vue';
|
import XDetails from '@/components/MkUsersTooltip.vue';
|
||||||
import * as os from '@/os';
|
import * as os from '@/os';
|
||||||
import { useTooltip } from '@/scripts/use-tooltip';
|
import { useTooltip } from '@/scripts/use-tooltip';
|
||||||
|
import { i18n } from '@/i18n';
|
||||||
|
|
||||||
const props = defineProps<{
|
const props = defineProps<{
|
||||||
note: {
|
note: {
|
||||||
|
|
Loading…
Reference in New Issue