reduce opacity of small tag only once

fixes https://github.com/misskey-dev/misskey/issues/7852
2021-10-03 12:20:48 +02:00 · 2021-10-03 12:20:48 +02:00 · 54d69ed49e
parent 1516ddfc9b
commit 54d69ed49e
2 changed files with 9 additions and 1 deletions
--- 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); }
--- 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));
 				}