From a770ef4314e21f17fdce1f19feb3758953b04486 Mon Sep 17 00:00:00 2001
From: naskya <m@naskya.net>
Date: Thu, 15 Feb 2024 23:15:59 +0900
Subject: [PATCH] style: simplify notifications display

---
 packages/client/src/components/MkNote.vue         |  8 ++++----
 packages/client/src/components/MkNotification.vue | 15 ---------------
 2 files changed, 4 insertions(+), 19 deletions(-)

diff --git a/packages/client/src/components/MkNote.vue b/packages/client/src/components/MkNote.vue
index 328287699c..f29b19e3cc 100644
--- a/packages/client/src/components/MkNote.vue
+++ b/packages/client/src/components/MkNote.vue
@@ -25,7 +25,7 @@
 			}"
 			@click="noteClick"
 		>
-			<div class="line"></div>
+			<div v-if="!collapsedReply" class="line"></div>
 			<div v-if="appearNote._prId_" class="info">
 				<i :class="icon('ph-megaphone-simple-bold')"></i>
 				{{ i18n.ts.promotion
@@ -745,9 +745,9 @@ defineExpose({
 		> .line {
 			position: relative;
 			z-index: 2;
-			width: var(--avatarSize);
+			width: 0;
 			display: flex;
-			margin-right: 14px;
+			margin-right: 0;
 			margin-top: 0;
 			flex-grow: 0;
 			pointer-events: none;
@@ -1003,7 +1003,7 @@ defineExpose({
 				margin-top: 0px;
 			}
 			> .line {
-				margin-right: 10px;
+				margin-right: 0;
 				&::before {
 					margin-top: 8px;
 				}
diff --git a/packages/client/src/components/MkNotification.vue b/packages/client/src/components/MkNotification.vue
index 1627d343f2..508465e32a 100644
--- a/packages/client/src/components/MkNotification.vue
+++ b/packages/client/src/components/MkNotification.vue
@@ -114,15 +114,12 @@
 				:to="notePage(notification.note)"
 				:title="getNoteSummary(notification.note)"
 			>
-				<span>{{ i18n.ts._notification.reacted }}: </span>
-				<i class="ph-quotes ph-fill ph-lg"></i>
 				<Mfm
 					:text="getNoteSummary(notification.note)"
 					:plain="true"
 					:nowrap="!full"
 					:custom-emojis="notification.note.emojis"
 				/>
-				<i class="ph-quotes ph-fill"></i>
 			</MkA>
 			<MkA
 				v-if="notification.type === 'renote'"
@@ -130,15 +127,12 @@
 				:to="notePage(notification.note)"
 				:title="getNoteSummary(notification.note.renote)"
 			>
-				<span>{{ i18n.ts._notification.renoted }}: </span>
-				<i class="ph-quotes ph-fill ph-lg"></i>
 				<Mfm
 					:text="getNoteSummary(notification.note.renote)"
 					:plain="true"
 					:nowrap="!full"
 					:custom-emojis="notification.note.renote.emojis"
 				/>
-				<i class="ph-quotes ph-fill"></i>
 			</MkA>
 			<MkA
 				v-if="notification.type === 'reply'"
@@ -185,15 +179,12 @@
 				:to="notePage(notification.note)"
 				:title="getNoteSummary(notification.note)"
 			>
-				<span>{{ i18n.ts._notification.voted }}: </span>
-				<i class="ph-quotes ph-fill ph-lg"></i>
 				<Mfm
 					:text="getNoteSummary(notification.note)"
 					:plain="true"
 					:nowrap="!full"
 					:custom-emojis="notification.note.emojis"
 				/>
-				<i class="ph-quotes ph-fill"></i>
 			</MkA>
 			<MkA
 				v-if="notification.type === 'pollEnded'"
@@ -201,14 +192,12 @@
 				:to="notePage(notification.note)"
 				:title="getNoteSummary(notification.note)"
 			>
-				<i class="ph-quotes ph-fill"></i>
 				<Mfm
 					:text="getNoteSummary(notification.note)"
 					:plain="true"
 					:nowrap="!full"
 					:custom-emojis="notification.note.emojis"
 				/>
-				<i class="ph-quotes ph-fill"></i>
 			</MkA>
 			<span
 				v-if="notification.type === 'follow'"
@@ -518,10 +507,6 @@ useTooltip(reactionRef, (showing) => {
 			overflow: hidden;
 			text-overflow: ellipsis;
 
-			> span:first-child {
-				opacity: 0.7;
-			}
-
 			> i {
 				vertical-align: super;
 				font-size: 50%;