fix(client): アイコンが透明なときにノート返信線が映る問題

CHANGELOG_CHERRYPICK.md

@@ -29,6 +29,7 @@
 ### Client
 - Fix: 그룹 초대 알림 아이콘이 잘못 표시되는 문제
 - Fix: 노트 디자인이 올바르지 않게 표시되는 문제
+- Fix: 프로필 아이콘이 투명일 때 노트 답글선이 비치는 문제
 
 ---
 

packages/frontend/src/components/MkNote.vue

@@ -635,6 +635,7 @@ function showReactions(): void {
 	width: 28px;
 	height: 28px;
 	margin: 0 8px 0 0;
+	background: var(--panel);
 }
 
 .renoteText {
@@ -682,6 +683,7 @@ function showReactions(): void {
 	width: 28px;
 	height: 28px;
 	margin: 0 8px 0 0;
+	background: var(--panel);
 }
 
 .collapsedRenoteTargetText {
@@ -722,6 +724,7 @@ function showReactions(): void {
 	height: 58px;
 	top: calc(22px + var(--stickyTop, 0px));
 	left: 0;
+	background: var(--panel);
 	transition: top 0.5s;
 
 	&.avatarReplyTo {

packages/frontend/src/components/MkNoteDetailed.vue

@@ -519,6 +519,7 @@ if (appearNote.replyId) {
 	height: 28px;
 	margin: 0 8px 0 0;
 	border-radius: 6px;
+	background: var(--panel);
 }
 
 .renoteText {
@@ -573,6 +574,7 @@ if (appearNote.replyId) {
 	flex-shrink: 0;
 	width: 58px;
 	height: 58px;
+	background: var(--panel);
 }
 
 .noteHeaderBody {

packages/frontend/src/components/MkNotePreview.vue

@@ -46,6 +46,7 @@ const urls = props.text ? extractUrlFromMfm(mfm.parse(props.text)) : null;
 	height: 40px !important;
 	border-radius: 8px !important;
 	pointer-events: none !important;
+	background: var(--panel);
 }
 
 .main {

packages/frontend/src/components/MkNoteSimple.vue

@@ -65,6 +65,7 @@ onMounted(() => {
 	position: sticky !important;
 	top: calc(16px + var(--stickyTop, 0px));
 	left: 0;
+	background: var(--panel);
 }
 
 .main {

packages/frontend/src/components/MkNoteSub.vue

@@ -106,6 +106,7 @@ if (props.detail) {
 	width: 58px;
 	height: 58px;
 	border-radius: 8px;
+	background: var(--panel);
 }
 
 .body {

packages/frontend/src/components/MkWelcomeToast.vue

@@ -9,9 +9,8 @@
 	>
 		<div v-if="showing" class="_acrylic" :class="[$style.root, { [$style.reduceBlurEffect]: !defaultStore.state.useBlurEffect }]" :style="{ zIndex }">
 			<CPAvatar :class="$style.avatar" :user="$i"/>
-			<div style="padding: 16px 24px;">
-				{{ message }}
-			</div>
+			<Mfm :text="message" :isNote="false"></Mfm>
+			<MkUserName class="_nowrap" :user="$i"/>
 		</div>
 	</Transition>
 </div>