From ad27cb20ec56196b5a96343baac35341636ee11d Mon Sep 17 00:00:00 2001 From: Freeplay Date: Thu, 9 Feb 2023 06:31:49 -0500 Subject: [PATCH] use fixed color fox blockquotes + other styling --- .../components/global/MkMisskeyFlavoredMarkdown.vue | 11 +++++------ packages/client/src/components/mfm.ts | 5 +---- 2 files changed, 6 insertions(+), 10 deletions(-) diff --git a/packages/client/src/components/global/MkMisskeyFlavoredMarkdown.vue b/packages/client/src/components/global/MkMisskeyFlavoredMarkdown.vue index 70d0108e9f..36c3ea7b51 100644 --- a/packages/client/src/components/global/MkMisskeyFlavoredMarkdown.vue +++ b/packages/client/src/components/global/MkMisskeyFlavoredMarkdown.vue @@ -169,13 +169,12 @@ const props = withDefaults(defineProps<{ text-overflow: ellipsis; } - ::v-deep(.quote) { + ::v-deep(blockquote) { display: block; - margin: 8px; - padding: 6px 0 6px 12px; - color: var(--fg); - border-left: solid 3px var(--fg); - opacity: 0.7; + margin: 8px 0; + padding-left: 12px; + color: var(--fgTransparentWeak); + border-left: solid 4px var(--fgTransparent); } ::v-deep(pre) { diff --git a/packages/client/src/components/mfm.ts b/packages/client/src/components/mfm.ts index b5be65d90b..3f040541f8 100644 --- a/packages/client/src/components/mfm.ts +++ b/packages/client/src/components/mfm.ts @@ -379,10 +379,7 @@ export default defineComponent({ if (!this.nowrap) { return [ h( - "div", - { - class: "quote", - }, + "blockquote", genEl(token.children), ), ];