From c2097f924488e674d262d63c3ec71d2d084b7bd8 Mon Sep 17 00:00:00 2001
From: Kainoa Kanter <kainoa@t1c.dev>
Date: Thu, 6 Apr 2023 22:11:10 -0700
Subject: [PATCH] feat: blur muted text

---
 packages/client/src/components/MkNoteDetailed.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/client/src/components/MkNoteDetailed.vue b/packages/client/src/components/MkNoteDetailed.vue
index 66ad47484..6da148888 100644
--- a/packages/client/src/components/MkNoteDetailed.vue
+++ b/packages/client/src/components/MkNoteDetailed.vue
@@ -110,7 +110,7 @@
 			</MkA>
 		</template>
 		<template #reason>
-			<b>{{ muted.matched.join(", ") }}</b>
+			<b class="_mfm_blur_">{{ muted.matched.join(", ") }}</b>
 		</template>
 	</I18n>
 </div>
@@ -354,6 +354,15 @@ onUnmounted(() => {
 </script>
 
 <style lang="scss" scoped>
+._mfm_blur_ {
+	filter: blur(6px);
+	transition: filter 0.3s;
+
+	&:hover {
+		filter: blur(0px);
+	}
+}
+
 .lxwezrsl {
 	font-size: 1.05em;
 	position: relative;