From e8e19f4b316353ef9729a366026d17d4b1a4cd86 Mon Sep 17 00:00:00 2001
From: kakkokari-gtyih <67428053+kakkokari-gtyih@users.noreply.github.com>
Date: Mon, 3 Jun 2024 20:05:04 +0900
Subject: [PATCH] =?UTF-8?q?=E6=8A=98=E3=82=8A=E8=BF=94=E3=81=97=E5=87=A6?=
 =?UTF-8?q?=E7=90=86=E3=81=AE=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/src/components/MkNoteDetailed.vue | 8 +++++---
 packages/frontend/src/pages/embed/user-timeline.vue | 6 ++++--
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/packages/frontend/src/components/MkNoteDetailed.vue b/packages/frontend/src/components/MkNoteDetailed.vue
index 4b9afdc1a2..6c3dd11233 100644
--- a/packages/frontend/src/components/MkNoteDetailed.vue
+++ b/packages/frontend/src/components/MkNoteDetailed.vue
@@ -48,10 +48,10 @@ SPDX-License-Identifier: AGPL-3.0-only
 			<MkAvatar :class="$style.noteHeaderAvatar" :user="appearNote.user" indicator link preview/>
 			<div :class="$style.noteHeaderBody">
 				<div :class="$style.noteHeaderBodyUpper">
-					<div>
-						<div>
+					<div style="min-width: 0;">
+						<div class="_nowrap">
 							<MkA v-user-preview="appearNote.user.id" :class="$style.noteHeaderName" :to="userPage(appearNote.user)">
-								<MkUserName :nowrap="false" :user="appearNote.user"/>
+								<MkUserName :nowrap="inEmbedPage" :user="appearNote.user"/>
 							</MkA>
 							<span v-if="appearNote.user.isBot" :class="$style.isBot">bot</span>
 						</div>
@@ -670,6 +670,7 @@ function loadConversation() {
 .noteHeaderBody {
 	flex: 1;
 	display: flex;
+	min-width: 0;
 	flex-direction: column;
 	justify-content: center;
 	padding-left: 16px;
@@ -678,6 +679,7 @@ function loadConversation() {
 
 .noteHeaderBodyUpper {
 	display: flex;
+	min-width: 0;
 }
 
 .noteHeaderName {
diff --git a/packages/frontend/src/pages/embed/user-timeline.vue b/packages/frontend/src/pages/embed/user-timeline.vue
index ddd24cb9ce..cb3b2acf18 100644
--- a/packages/frontend/src/pages/embed/user-timeline.vue
+++ b/packages/frontend/src/pages/embed/user-timeline.vue
@@ -12,10 +12,10 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<MkAvatar :class="$style.avatar" :user="user"/>
 				</a>
 				<div :class="$style.headerTitle" @click="top">
-					<I18n :src="i18n.ts.noteOf" tag="div">
+					<I18n :src="i18n.ts.noteOf" tag="div" class="_nowrap">
 						<template #user>
 							<a :href="`/@${user.username}`" target="_blank" rel="noopener noreferrer">
-								<Mfm :text="user.name ?? `@${user.username}`" :plain="true"/>
+								<MkUserName :user="user"/>
 							</a>
 						</template>
 					</I18n>
@@ -110,6 +110,7 @@ misskeyApi('users/show', {
 	flex-shrink: 0;
 	padding: 8px 16px;
 	display: flex;
+	min-width: 0;
 	align-items: center;
 	gap: var(--margin);
 	border-bottom: 1px solid var(--divider);
@@ -129,6 +130,7 @@ misskeyApi('users/show', {
 		flex-grow: 1;
 		font-weight: 700;
 		line-height: 1.1;
+		min-width: 0;
 
 		.sub {
 			font-size: 0.8em;