From 8ac0ae2d7106ee534faf766f23a299fb146df0a8 Mon Sep 17 00:00:00 2001
From: NoriDev <m1nthing2322@gmail.com>
Date: Thu, 8 Jun 2023 16:31:46 +0900
Subject: [PATCH] =?UTF-8?q?fix(client/friendly):=20=E7=94=BB=E9=9D=A2?=
 =?UTF-8?q?=E3=81=8C=E5=BA=83=E3=81=84=E4=B8=80=E9=83=A8=E3=81=AE=E3=83=A2?=
 =?UTF-8?q?=E3=83=90=E3=82=A4=E3=83=AB=E3=83=87=E3=83=90=E3=82=A4=E3=82=B9?=
 =?UTF-8?q?=E3=81=A7=E3=83=97=E3=83=AD=E3=83=95=E3=82=A3=E3=83=BC=E3=83=AB?=
 =?UTF-8?q?=20=E3=82=A2=E3=82=A4=E3=82=B3=E3=83=B3=E3=81=AE=E9=AB=98?=
 =?UTF-8?q?=E3=81=95=E3=81=8C=E8=AA=A4=E3=81=A3=E3=81=A6=E8=A8=AD=E5=AE=9A?=
 =?UTF-8?q?=E3=81=95=E3=82=8C=E3=82=8B=E5=95=8F=E9=A1=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG_CHERRYPICK.md                     |  3 ++-
 packages/frontend/src/components/MkNote.vue | 18 ++++++++++--------
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/CHANGELOG_CHERRYPICK.md b/CHANGELOG_CHERRYPICK.md
index f753bf2e2e..7caf95f321 100644
--- a/CHANGELOG_CHERRYPICK.md
+++ b/CHANGELOG_CHERRYPICK.md
@@ -37,9 +37,10 @@
 - 노트 디자인 개선
 - Fix: (Friendly) 플로팅 메뉴를 길게 눌렀을 때 프로필 이미지를 드래그 할 수 있는 문제
 - Fix: (Friendly) 타임라인이 변경되었을 때 네비게이션 바의 인디케이터가 사라지지 않는 문제
+- Fix: (Friendly) 모바일에서 헤더가 사라졌을 때 프로필 아이콘의 높이가 잘못 설정되는 문제
+- Fix: (Friendly) 화면이 넓은 일부 모바일 기기에서 프로필 아이콘의 높이가 잘못 설정되는 문제
 - Fix: 네트워크 트래픽이 10MB/s를 초과하면 네트워크 통계 위젯의 그래프가 잘못 출력되는 문제
 - Fix: iOS 기기에서 채팅 입력란이 채팅을 가리는 문제
-- Fix: (Friendly) 모바일에서 헤더가 사라졌을 때 프로필 아이콘의 높이가 잘못 설정되는 문제
 
 ### Server
 - mfm-js를 cherrypick-mfm-js로 변경
diff --git a/packages/frontend/src/components/MkNote.vue b/packages/frontend/src/components/MkNote.vue
index 86d5863c77..e5e70ab225 100644
--- a/packages/frontend/src/components/MkNote.vue
+++ b/packages/frontend/src/components/MkNote.vue
@@ -840,6 +840,16 @@ function showReactions(): void {
 		padding: 23px 25px;
 	}
 
+	.avatar {
+		&.showEl {
+			top: 14px;
+		}
+
+		&.showElTab {
+			top: 54px;
+		}
+	}
+
 	.footer {
 		margin-bottom: -8px;
 	}
@@ -871,14 +881,6 @@ function showReactions(): void {
 		height: 46px;
 		top: calc(14px + var(--stickyTop, 0px));
 		transition: top 0.5s;
-
-		&.showEl {
-			top: 14px;
-		}
-
-		&.showElTab {
-			top: 54px;
-		}
 	}
 }