From 54d69ed49ee4c0d0db57a94a6019b556b46a1ddd Mon Sep 17 00:00:00 2001
From: Johann150 <johann.galle@protonmail.com>
Date: Sun, 3 Oct 2021 12:20:48 +0200
Subject: [PATCH] reduce opacity of small tag only once

fixes https://github.com/misskey-dev/misskey/issues/7852
---
 .../src/components/global/misskey-flavored-markdown.vue   | 8 ++++++++
 packages/client/src/components/mfm.ts                     | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/client/src/components/global/misskey-flavored-markdown.vue b/packages/client/src/components/global/misskey-flavored-markdown.vue
index 72ab8b9ce..eb0c5f34b 100644
--- a/packages/client/src/components/global/misskey-flavored-markdown.vue
+++ b/packages/client/src/components/global/misskey-flavored-markdown.vue
@@ -56,6 +56,14 @@ withDefaults(defineProps<{
 	}
 }
 
+._mfm_small_ {
+	opacity: 0.7;
+}
+
+._mfm_small_ ._mfm_small_{
+	opacity: initial;
+}
+
 @keyframes mfm-spin {
 	0% { transform: rotate(0deg); }
 	100% { transform: rotate(360deg); }
diff --git a/packages/client/src/components/mfm.ts b/packages/client/src/components/mfm.ts
index 1107edcd6..64fe5bdb5 100644
--- a/packages/client/src/components/mfm.ts
+++ b/packages/client/src/components/mfm.ts
@@ -197,7 +197,7 @@ export default defineComponent({
 
 				case 'small': {
 					return h('small', {
-						style: 'opacity: 0.7;',
+						class: '_mfm_small_'
 					}, genEl(token.children));
 				}