summaryrefslogtreecommitdiff
path: root/packages/frontend/src/components/MkNoteDetailed.vue
diff options
context:
space:
mode:
authorかっこかり <67428053+kakkokari-gtyih@users.noreply.github.com>2025-12-11 23:10:23 +0900
committerGitHub <noreply@github.com>2025-12-11 23:10:23 +0900
commit1096ce8e4afc3eb6c4a59e170029f4c33120ec34 (patch)
treea7d43276133aca3bf3b3c249ee549c0291196871 /packages/frontend/src/components/MkNoteDetailed.vue
parentenhance: use native glob (#16965) (diff)
downloadmisskey-1096ce8e4afc3eb6c4a59e170029f4c33120ec34.tar.gz
misskey-1096ce8e4afc3eb6c4a59e170029f4c33120ec34.tar.bz2
misskey-1096ce8e4afc3eb6c4a59e170029f4c33120ec34.zip
fix(frontend): 削除されたノートのリノートが正しく表示されない問題を修正 (#16970)
* fix(frontend): 削除されたノートのリノートが正しく表示されない問題を修正 * Update Changelog * :art: * fix
Diffstat (limited to 'packages/frontend/src/components/MkNoteDetailed.vue')
-rw-r--r--packages/frontend/src/components/MkNoteDetailed.vue15
1 files changed, 14 insertions, 1 deletions
diff --git a/packages/frontend/src/components/MkNoteDetailed.vue b/packages/frontend/src/components/MkNoteDetailed.vue
index 48fd9908bd..bc30360821 100644
--- a/packages/frontend/src/components/MkNoteDetailed.vue
+++ b/packages/frontend/src/components/MkNoteDetailed.vue
@@ -43,7 +43,10 @@ SPDX-License-Identifier: AGPL-3.0-only
<span v-if="note.localOnly" style="margin-left: 0.5em;" :title="i18n.ts._visibility['disableFederation']"><i class="ti ti-rocket-off"></i></span>
</div>
</div>
- <article :class="$style.note" @contextmenu.stop="onContextmenu">
+ <div v-if="isRenote && note.renote == null" :class="$style.deleted">
+ {{ i18n.ts.deletedNote }}
+ </div>
+ <article v-else :class="$style.note" @contextmenu.stop="onContextmenu">
<header :class="$style.noteHeader">
<MkAvatar :class="$style.noteHeaderAvatar" :user="appearNote.user" indicator link preview/>
<div :class="$style.noteHeaderBody">
@@ -944,4 +947,14 @@ function loadConversation() {
text-align: center;
opacity: 0.7;
}
+
+.deleted {
+ text-align: center;
+ padding: 32px;
+ margin: 6px 32px 32px;
+ --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>