fix(client/friendly): 画面が広い一部のモバイルデバイスでプロフィール アイコンの高さが誤って設定される問題

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로 변경

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;
-		}
 	}
 }