From 1c9222594402b113312e07d6d811a61efc8e29d9 Mon Sep 17 00:00:00 2001
From: fly_mc <me@flymc.cc>
Date: Thu, 12 Dec 2024 11:25:55 +0800
Subject: [PATCH] tweak MkNote

---
 packages/frontend/src/components/MkNote.vue | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/src/components/MkNote.vue b/packages/frontend/src/components/MkNote.vue
index 6158d2778..f11b8bd10 100644
--- a/packages/frontend/src/components/MkNote.vue
+++ b/packages/frontend/src/components/MkNote.vue
@@ -66,7 +66,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		<article v-else :class="$style.article" @contextmenu.stop="onContextmenu">
 			<div style="display: flex; padding-bottom: 10px;">
 				<div v-if="appearNote.channel" :class="$style.colorBar" :style="{ background: appearNote.channel.color }"></div>
-				<MkAvatar :class="$style.avatar" :user="appearNote.user" :link="!mock" :preview="!mock"/>
+				<MkAvatar :class="[$style.avatar, { [$style.avatarReplyTo]: appearNote.reply }]" :user="appearNote.user" :link="!mock" :preview="!mock"/>
 				<div :class="$style.main">
 					<MkNoteHeader :note="appearNote" :mini="true" @click.stop/>
 				</div>
@@ -941,12 +941,19 @@ function emitUpdReaction(emoji: string, delta: number) {
 .avatar {
 	flex-shrink: 0;
 	display: block !important;
+	position: sticky !important;
 	margin: 0 14px 0 0;
 	width: 58px;
 	height: 58px;
-	//position: sticky !important;
-	//top: calc(22px + var(--MI-stickyTop, 0px));
+	position: sticky !important;
+	top: calc(22px + var(--MI-stickyTop, 0px));
 	left: 0;
+	transition: top 0.5s;
+
+	&.avatarReplyTo {
+		position: relative !important;
+		top: 0 !important;
+	}
 }
 
 .main {