diff options
| author | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-07-31 14:40:51 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-07-31 14:40:51 +0900 |
| commit | f2a23fb55ef2100bd26e3f2bcd7f939052c2ea09 (patch) | |
| tree | dff9f61bbb387e2e7d871cdf1d83d1580ebef10a /packages/frontend/src/components/MkNoteSimple.vue | |
| parent | fix(test): Fix name of a test in e2e/timelines.ts (#16334) (diff) | |
| download | misskey-f2a23fb55ef2100bd26e3f2bcd7f939052c2ea09.tar.gz misskey-f2a23fb55ef2100bd26e3f2bcd7f939052c2ea09.tar.bz2 misskey-f2a23fb55ef2100bd26e3f2bcd7f939052c2ea09.zip | |
ノートの脱CASCADE削除 (#16332)
* wip
* Update CHANGELOG.md
* Update QueryService.ts
* Update QueryService.ts
* wip
* Update MkNoteDetailed.vue
* Update NoteEntityService.ts
* wip
* Update antennas.ts
* Update create.ts
* Update NoteEntityService.ts
* wip
* Update CHANGELOG.md
* Update NoteEntityService.ts
* Update NoteCreateService.ts
* Update note.test.ts
* Update note.test.ts
* Update ClientServerService.ts
* Update ClientServerService.ts
* add error handling
* Update NoteDeleteService.ts
* Update CHANGELOG.md
* Update entities.ts
* Update entities.ts
* Update misskey-js.api.md
Diffstat (limited to 'packages/frontend/src/components/MkNoteSimple.vue')
| -rw-r--r-- | packages/frontend/src/components/MkNoteSimple.vue | 18 |
1 files changed, 16 insertions, 2 deletions
diff --git a/packages/frontend/src/components/MkNoteSimple.vue b/packages/frontend/src/components/MkNoteSimple.vue index e684cf2a30..f1107527b7 100644 --- a/packages/frontend/src/components/MkNoteSimple.vue +++ b/packages/frontend/src/components/MkNoteSimple.vue @@ -4,7 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only --> <template> -<div :class="$style.root"> +<div v-if="note" :class="$style.root"> <MkAvatar :class="$style.avatar" :user="note.user" link preview/> <div :class="$style.main"> <MkNoteHeader :class="$style.header" :note="note" :mini="true"/> @@ -19,6 +19,9 @@ SPDX-License-Identifier: AGPL-3.0-only </div> </div> </div> +<div v-else :class="$style.deleted"> + {{ i18n.ts.deletedNote }} +</div> </template> <script lang="ts" setup> @@ -27,9 +30,10 @@ import * as Misskey from 'misskey-js'; import MkNoteHeader from '@/components/MkNoteHeader.vue'; import MkSubNoteContent from '@/components/MkSubNoteContent.vue'; import MkCwButton from '@/components/MkCwButton.vue'; +import { i18n } from '@/i18n.js'; const props = defineProps<{ - note: Misskey.entities.Note; + note: Misskey.entities.Note | null; }>(); const showContent = ref(false); @@ -101,4 +105,14 @@ const showContent = ref(false); height: 48px; } } + +.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> |