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