change badge location

CHANGELOG.md

@@ -2806,3 +2806,13 @@ same as 12.112.0
 ### Bugfixes
 - ハッシュタグ入力が空のときに#が付くのを修正
 - フォローリクエストのEメール通知を修正
+
+
+## 0.0.1 (2024)
+### change
+- 로그인 화면의 타임라인 표시 해제
+- 커스텀 이모지, 연합 탐라 등 정표 표시 조정
+
+## 0.0.2 (2024/12/16)
+### change
+- 부여된 역할 갯수의 수가 증가함에 따라 닉네임과 기타 정보의 내용이 가려지는 이슈에 대응하기 위해 뱃지 목록의 위치를 변경

packages/frontend/src/components/MkNoteHeader.vue

@@ -4,6 +4,9 @@ SPDX-License-Identifier: AGPL-3.0-only
 -->
 
 <template>
+<div v-if="note.user.badgeRoles" :class="$style.badgeRoles">
+	<img v-for="(role, i) in note.user.badgeRoles" :key="i" v-tooltip="role.name" :class="$style.badgeRole" :src="role.iconUrl!"/>
+</div>
 <header :class="$style.root">
 	<div v-if="mock" :class="$style.name">
 		<MkUserName :user="note.user"/>
@@ -13,9 +16,6 @@ SPDX-License-Identifier: AGPL-3.0-only
 	</MkA>
 	<div v-if="note.user.isBot" :class="$style.isBot">bot</div>
 	<div :class="$style.username"><MkAcct :user="note.user"/></div>
-	<div v-if="note.user.badgeRoles" :class="$style.badgeRoles">
-		<img v-for="(role, i) in note.user.badgeRoles" :key="i" v-tooltip="role.name" :class="$style.badgeRole" :src="role.iconUrl!"/>
-	</div>
 	<div :class="$style.info">
 		<div v-if="mock">
 			<MkTime :time="note.createdAt" colored/>
@@ -96,7 +96,7 @@ const mock = inject<boolean>('mock', false);
 }
 
 .badgeRoles {
-	margin: 0 .5em 0 0;
+	margin: 0 0 0.2em 0;
 }
 
 .badgeRole {