From f8d09020807b6db6341bed43b1bb25a182ee29ca Mon Sep 17 00:00:00 2001
From: tamaina <tamaina@hotmail.co.jp>
Date: Tue, 17 Jan 2023 06:22:57 +0900
Subject: [PATCH] =?UTF-8?q?enhahce(client):=20:art:=20=E9=80=9A=E7=9F=A5?=
 =?UTF-8?q?=E3=81=AE=E3=83=8E=E3=83=BC=E3=83=88=E3=82=B5=E3=83=9E=E3=83=AA?=
 =?UTF-8?q?=E3=83=BC=E3=82=921=E8=A1=8C=E3=81=AB=E3=81=99=E3=82=8B=20(#962?=
 =?UTF-8?q?5)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* :art: add nowrap to notification

* :art: 通知のノートサマリーを1行にする
---
 packages/frontend/src/components/MkNotification.vue  | 6 +++---
 packages/frontend/src/components/MkNotifications.vue | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/frontend/src/components/MkNotification.vue b/packages/frontend/src/components/MkNotification.vue
index 4f82579917..5b8041c1d4 100644
--- a/packages/frontend/src/components/MkNotification.vue
+++ b/packages/frontend/src/components/MkNotification.vue
@@ -267,9 +267,9 @@ useTooltip(reactionRef, (showing) => {
 }
 
 .text {
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
+	display: flex;
+	width: 100%;
+	overflow: clip;
 }
 
 .quote {
diff --git a/packages/frontend/src/components/MkNotifications.vue b/packages/frontend/src/components/MkNotifications.vue
index ab5dff8db5..f5ae7bcee4 100644
--- a/packages/frontend/src/components/MkNotifications.vue
+++ b/packages/frontend/src/components/MkNotifications.vue
@@ -10,7 +10,7 @@
 	<template #default="{ items: notifications }">
 		<MkDateSeparatedList v-slot="{ item: notification }" :class="$style.list" :items="notifications" :no-gap="true">
 			<XNote v-if="['reply', 'quote', 'mention'].includes(notification.type)" :key="notification.id" :note="notification.note"/>
-			<XNotification v-else :key="notification.id" :notification="notification" :with-time="true" :full="true" class="_panel notification"/>
+			<XNotification v-else :key="notification.id" :notification="notification" :with-time="true" :full="false" class="_panel notification"/>
 		</MkDateSeparatedList>
 	</template>
 </MkPagination>