diff --git a/CHANGELOG_CHERRYPICK.md b/CHANGELOG_CHERRYPICK.md index 13a63ce2a7..b938588daa 100644 --- a/CHANGELOG_CHERRYPICK.md +++ b/CHANGELOG_CHERRYPICK.md @@ -71,6 +71,7 @@ - 리노트 했을 때 뜨는 토스트 팝업에 아이콘 추가 - 노트의 서버 정보 옵션의 순서를 변경 - 글로벌 타임라인의 아이콘 변경 +- 노트 헤더에 리액션 수신 상태 표시 - Fix: (Friendly) 플로팅 메뉴를 길게 눌렀을 때 프로필 이미지를 드래그 할 수 있는 문제 - Fix: (Friendly) 타임라인이 변경되었을 때 네비게이션 바의 인디케이터가 사라지지 않는 문제 - Fix: (Friendly) 모바일에서 헤더가 사라졌을 때 프로필 아이콘의 높이가 잘못 설정되는 문제 diff --git a/packages/frontend/src/components/MkNote.vue b/packages/frontend/src/components/MkNote.vue index 7affee1cdb..047db8cb02 100644 --- a/packages/frontend/src/components/MkNote.vue +++ b/packages/frontend/src/components/MkNote.vue @@ -22,17 +22,23 @@
- - + - - + + + + + + + + +
@@ -833,6 +839,10 @@ function showReactions(): void { opacity: 0.7; } +.danger { + color: #ff2a2a; +} + @container (max-width: 580px) { .root { font-size: 0.95em; diff --git a/packages/frontend/src/components/MkNoteDetailed.vue b/packages/frontend/src/components/MkNoteDetailed.vue index f682d504a5..cc634b7073 100644 --- a/packages/frontend/src/components/MkNoteDetailed.vue +++ b/packages/frontend/src/components/MkNoteDetailed.vue @@ -18,16 +18,22 @@
- - + - + + + + + + + +
@@ -45,20 +51,26 @@ -
- - - - - - -
+
+ + + + + + + + + + + + +
@@ -568,6 +580,7 @@ if (appearNote.replyId) { .noteHeaderInfo { float: right; + text-align: right; } .noteHeaderUsername { @@ -668,6 +681,10 @@ if (appearNote.replyId) { } } +.danger { + color: #ff2a2a; +} + @container (max-width: 500px) { .root { font-size: 0.9em; diff --git a/packages/frontend/src/components/MkNoteHeader.vue b/packages/frontend/src/components/MkNoteHeader.vue index 01b817c07c..19079b24cd 100644 --- a/packages/frontend/src/components/MkNoteHeader.vue +++ b/packages/frontend/src/components/MkNoteHeader.vue @@ -14,16 +14,22 @@
- - - - + - - + + + + + + + + + + +
@@ -130,6 +136,10 @@ const showTicker = (defaultStore.state.instanceTicker === 'always') || (defaultS } } +.danger { + color: #ff2a2a; +} + @container (max-width: 500px) { .name { max-width: 200px;