diff options
| author | misskey-release-bot[bot] <157398866+misskey-release-bot[bot]@users.noreply.github.com> | 2025-08-31 08:42:43 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-08-31 08:42:43 +0000 |
| commit | ec21336d45e6e3bb26a0225fc0aa57ac98d5be4b (patch) | |
| tree | 2c7aef5ba1626009377faf96941a57411dd619e5 /packages/frontend/src/components/MkNoteSub.vue | |
| parent | Merge pull request #16244 from misskey-dev/develop (diff) | |
| parent | Release: 2025.8.0 (diff) | |
| download | misskey-ec21336d45e6e3bb26a0225fc0aa57ac98d5be4b.tar.gz misskey-ec21336d45e6e3bb26a0225fc0aa57ac98d5be4b.tar.bz2 misskey-ec21336d45e6e3bb26a0225fc0aa57ac98d5be4b.zip | |
Merge pull request #16335 from misskey-dev/develop
Release: 2025.8.0
Diffstat (limited to 'packages/frontend/src/components/MkNoteSub.vue')
| -rw-r--r-- | packages/frontend/src/components/MkNoteSub.vue | 21 |
1 files changed, 17 insertions, 4 deletions
diff --git a/packages/frontend/src/components/MkNoteSub.vue b/packages/frontend/src/components/MkNoteSub.vue index 4fd1c210cb..3f5cc51938 100644 --- a/packages/frontend/src/components/MkNoteSub.vue +++ b/packages/frontend/src/components/MkNoteSub.vue @@ -4,7 +4,10 @@ SPDX-License-Identifier: AGPL-3.0-only --> <template> -<div v-if="!muted" :class="[$style.root, { [$style.children]: depth > 1 }]"> +<div v-if="note == null" :class="$style.deleted"> + {{ i18n.ts.deletedNote }} +</div> +<div v-else-if="!muted" :class="[$style.root, { [$style.children]: depth > 1 }]"> <div :class="$style.main"> <div v-if="note.channel" :class="$style.colorBar" :style="{ background: note.channel.color }"></div> <MkAvatar :class="$style.avatar" :user="note.user" link preview/> @@ -53,7 +56,7 @@ import { userPage } from '@/filters/user.js'; import { checkWordMute } from '@/utility/check-word-mute.js'; const props = withDefaults(defineProps<{ - note: Misskey.entities.Note; + note: Misskey.entities.Note | null; detail?: boolean; // how many notes are in between this one and the note being viewed in detail @@ -62,12 +65,12 @@ const props = withDefaults(defineProps<{ depth: 1, }); -const muted = ref($i ? checkWordMute(props.note, $i, $i.mutedWords) : false); +const muted = ref(props.note && $i ? checkWordMute(props.note, $i, $i.mutedWords) : false); const showContent = ref(false); const replies = ref<Misskey.entities.Note[]>([]); -if (props.detail) { +if (props.detail && props.note) { misskeyApi('notes/children', { noteId: props.note.id, limit: 5, @@ -160,4 +163,14 @@ if (props.detail) { margin: 8px 8px 0 8px; border-radius: 8px; } + +.deleted { + text-align: center; + padding: 8px !important; + margin: 8px 8px 0 8px; + --color: light-dark(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.15)); + background-size: auto auto; + background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, var(--color) 4px, var(--color) 14px); + border-radius: 8px; +} </style> |