diff options
| author | かっこかり <67428053+kakkokari-gtyih@users.noreply.github.com> | 2024-01-14 15:31:11 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-01-14 15:31:11 +0900 |
| commit | 12142a221a63d49a5d54c05975770be9b742d400 (patch) | |
| tree | 2ed22445567130d2020c909b970917c4bcda8d5a /packages/frontend/src/components/MkFlashPreview.vue | |
| parent | 完成 (#12980) (diff) | |
| download | misskey-12142a221a63d49a5d54c05975770be9b742d400.tar.gz misskey-12142a221a63d49a5d54c05975770be9b742d400.tar.bz2 misskey-12142a221a63d49a5d54c05975770be9b742d400.zip | |
enhance(frontend): Playの説明欄にMFMを使えるように (#12899)
* (enhance) Playの説明欄にMFMを使えるように
* Update Changelog
* use class for mfm component
* Update packages/frontend/src/pages/flash/flash-edit.vue
Co-authored-by: 1Step621 <86859447+1STEP621@users.noreply.github.com>
* Update flash.vue
* Update CHANGELOG.md
---------
Co-authored-by: 1Step621 <86859447+1STEP621@users.noreply.github.com>
Diffstat (limited to 'packages/frontend/src/components/MkFlashPreview.vue')
| -rw-r--r-- | packages/frontend/src/components/MkFlashPreview.vue | 10 |
1 files changed, 9 insertions, 1 deletions
diff --git a/packages/frontend/src/components/MkFlashPreview.vue b/packages/frontend/src/components/MkFlashPreview.vue index ab435585d9..1be8a6d8f7 100644 --- a/packages/frontend/src/components/MkFlashPreview.vue +++ b/packages/frontend/src/components/MkFlashPreview.vue @@ -9,7 +9,9 @@ SPDX-License-Identifier: AGPL-3.0-only <header> <h1 :title="flash.title">{{ flash.title }}</h1> </header> - <p v-if="flash.summary" :title="flash.summary">{{ flash.summary.length > 85 ? flash.summary.slice(0, 85) + '…' : flash.summary }}</p> + <p v-if="flash.summary" :title="flash.summary"> + <Mfm class="summaryMfm" :text="flash.summary" :plain="true" :nowrap="true"/> + </p> <footer> <img class="icon" :src="flash.user.avatarUrl"/> <p>{{ userName(flash.user) }}</p> @@ -54,6 +56,12 @@ const props = defineProps<{ margin: 0; color: var(--urlPreviewText); font-size: 0.8em; + overflow: clip; + + > .summaryMfm { + display: block; + width: 100%; + } } > footer { |