diff options
| author | かっこかり <67428053+kakkokari-gtyih@users.noreply.github.com> | 2025-12-11 23:10:23 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-12-11 23:10:23 +0900 |
| commit | 1096ce8e4afc3eb6c4a59e170029f4c33120ec34 (patch) | |
| tree | a7d43276133aca3bf3b3c249ee549c0291196871 /packages/frontend/src/components/MkNote.vue | |
| parent | enhance: use native glob (#16965) (diff) | |
| download | misskey-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/MkNote.vue')
| -rw-r--r-- | packages/frontend/src/components/MkNote.vue | 15 |
1 files changed, 14 insertions, 1 deletions
diff --git a/packages/frontend/src/components/MkNote.vue b/packages/frontend/src/components/MkNote.vue index 1b0f25a1a2..e09c5220ad 100644 --- a/packages/frontend/src/components/MkNote.vue +++ b/packages/frontend/src/components/MkNote.vue @@ -38,7 +38,10 @@ SPDX-License-Identifier: AGPL-3.0-only <span v-if="note.channel" style="margin-left: 0.5em;" :title="note.channel.name"><i class="ti ti-device-tv"></i></span> </div> </div> - <div v-if="renoteCollapsed" :class="$style.collapsedRenoteTarget"> + <div v-if="isRenote && note.renote == null" :class="$style.deleted"> + {{ i18n.ts.deletedNote }} + </div> + <div v-else-if="renoteCollapsed" :class="$style.collapsedRenoteTarget"> <MkAvatar :class="$style.collapsedRenoteTargetAvatar" :user="appearNote.user" link preview/> <Mfm :text="getNoteSummary(appearNote)" :plain="true" :nowrap="true" :author="appearNote.user" :nyaize="'respect'" :class="$style.collapsedRenoteTargetText" @click="renoteCollapsed = false"/> </div> @@ -1144,4 +1147,14 @@ function emitUpdReaction(emoji: string, delta: number) { opacity: .8; font-size: 95%; } + +.deleted { + text-align: center; + padding: 32px; + margin: 6px 32px 28px; + --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> |