summaryrefslogtreecommitdiff
path: root/packages/client/src/components/MkSubNoteContent.vue
diff options
context:
space:
mode:
Diffstat (limited to 'packages/client/src/components/MkSubNoteContent.vue')
-rw-r--r--packages/client/src/components/MkSubNoteContent.vue90
1 files changed, 0 insertions, 90 deletions
diff --git a/packages/client/src/components/MkSubNoteContent.vue b/packages/client/src/components/MkSubNoteContent.vue
deleted file mode 100644
index 210923be46..0000000000
--- a/packages/client/src/components/MkSubNoteContent.vue
+++ /dev/null
@@ -1,90 +0,0 @@
-<template>
-<div class="wrmlmaau" :class="{ collapsed }">
- <div class="body">
- <span v-if="note.isHidden" style="opacity: 0.5">({{ i18n.ts.private }})</span>
- <span v-if="note.deletedAt" style="opacity: 0.5">({{ i18n.ts.deleted }})</span>
- <MkA v-if="note.replyId" class="reply" :to="`/notes/${note.replyId}`"><i class="ti ti-arrow-back-up"></i></MkA>
- <Mfm v-if="note.text" :text="note.text" :author="note.user" :i="$i" :custom-emojis="note.emojis"/>
- <MkA v-if="note.renoteId" class="rp" :to="`/notes/${note.renoteId}`">RN: ...</MkA>
- </div>
- <details v-if="note.files.length > 0">
- <summary>({{ $t('withNFiles', { n: note.files.length }) }})</summary>
- <XMediaList :media-list="note.files"/>
- </details>
- <details v-if="note.poll">
- <summary>{{ i18n.ts.poll }}</summary>
- <XPoll :note="note"/>
- </details>
- <button v-if="collapsed" class="fade _button" @click="collapsed = false">
- <span>{{ i18n.ts.showMore }}</span>
- </button>
-</div>
-</template>
-
-<script lang="ts" setup>
-import { } from 'vue';
-import * as misskey from 'misskey-js';
-import XMediaList from '@/components/MkMediaList.vue';
-import XPoll from '@/components/MkPoll.vue';
-import { i18n } from '@/i18n';
-
-const props = defineProps<{
- note: misskey.entities.Note;
-}>();
-
-const collapsed = $ref(
- props.note.cw == null && props.note.text != null && (
- (props.note.text.split('\n').length > 9) ||
- (props.note.text.length > 500)
- ));
-</script>
-
-<style lang="scss" scoped>
-.wrmlmaau {
- overflow-wrap: break-word;
-
- > .body {
- > .reply {
- margin-right: 6px;
- color: var(--accent);
- }
-
- > .rp {
- margin-left: 4px;
- font-style: oblique;
- color: var(--renote);
- }
- }
-
- &.collapsed {
- position: relative;
- max-height: 9em;
- overflow: hidden;
-
- > .fade {
- display: block;
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 64px;
- background: linear-gradient(0deg, var(--panel), var(--X15));
-
- > span {
- display: inline-block;
- background: var(--panel);
- padding: 6px 10px;
- font-size: 0.8em;
- border-radius: 999px;
- box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
- }
-
- &:hover {
- > span {
- background: var(--panelHighlight);
- }
- }
- }
- }
-}
-</style>