place "reply" indicator on same line as note body

This commit is contained in:
Hazelnoot 2025-06-13 21:59:01 -04:00
parent 99bf315351
commit 03662f3466

View file

@ -89,20 +89,21 @@ SPDX-License-Identifier: AGPL-3.0-only
</p> </p>
<div v-show="mergedCW == null || showContent"> <div v-show="mergedCW == null || showContent">
<span v-if="appearNote.isHidden" style="opacity: 0.5">({{ i18n.ts.private }})</span> <span v-if="appearNote.isHidden" style="opacity: 0.5">({{ i18n.ts.private }})</span>
<MkA v-if="appearNote.replyId" :class="$style.noteReplyTarget" :to="`/notes/${appearNote.replyId}`"><i class="ph-arrow-bend-left-up ph-bold ph-lg"></i></MkA> <div>
<Mfm <MkA v-if="appearNote.replyId" :class="$style.noteReplyTarget" :to="`/notes/${appearNote.replyId}`"><i class="ph-arrow-bend-left-up ph-bold ph-lg"></i></MkA>
v-if="appearNote.text" <Mfm
:parsedNodes="parsed" v-if="appearNote.text"
:text="appearNote.text" :parsedNodes="parsed"
:author="appearNote.user" :text="appearNote.text"
:nyaize="'respect'" :author="appearNote.user"
:emojiUrls="appearNote.emojis" :nyaize="'respect'"
:enableEmojiMenu="true" :emojiUrls="appearNote.emojis"
:enableEmojiMenuReaction="true" :enableEmojiMenu="true"
:isAnim="allowAnim" :enableEmojiMenuReaction="true"
:isBlock="true" :isAnim="allowAnim"
class="_selectable" class="_selectable"
/> />
</div>
<a v-if="appearNote.renote != null" :class="$style.rn">RN:</a> <a v-if="appearNote.renote != null" :class="$style.rn">RN:</a>
<SkNoteTranslation :note="note" :translation="translation" :translating="translating"></SkNoteTranslation> <SkNoteTranslation :note="note" :translation="translation" :translating="translating"></SkNoteTranslation>
<MkButton v-if="!allowAnim && animated" :class="$style.playMFMButton" :small="true" @click="animatedMFM()" @click.stop><i class="ph-play ph-bold ph-lg "></i> {{ i18n.ts._animatedMFM.play }}</MkButton> <MkButton v-if="!allowAnim && animated" :class="$style.playMFMButton" :small="true" @click="animatedMFM()" @click.stop><i class="ph-play ph-bold ph-lg "></i> {{ i18n.ts._animatedMFM.play }}</MkButton>