diff --git a/packages/frontend/src/components/MkMention.vue b/packages/frontend/src/components/MkMention.vue index 3aaf73683..4d4205365 100644 --- a/packages/frontend/src/components/MkMention.vue +++ b/packages/frontend/src/components/MkMention.vue @@ -57,48 +57,6 @@ const avatarUrl = computed(() => defaultStore.state.disableShowingAnimatedImages } } -.root + .root { - position: relative; - margin-inline: -20px 0; - box-shadow: -4px 0 0 var(--panel), -15px 0 15px var(--panel); - overflow: clip; - isolation: isolate; - - &::before { - content: ""; - position: absolute; - inset: 0; - background: var(--panel); - z-index: -1; - } - - &::after { - content: ""; - position: absolute; - inset: 0; - background: var(--panel); - z-index: -1; - background: inherit; - } - - span { - display: inline-block; - white-space: nowrap; - max-width: 3em; - mask: linear-gradient(to right, #000 20%, rgba(0, 0, 0, 0.4)); - } - - + .root { - margin-inline: -10px 0; - padding-inline-end: 0; - box-shadow: -4px 0 0 var(--panel); - - span { - display: none; - } - } -} - .icon { width: 1.5em; height: 1.5em; diff --git a/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.ts b/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.ts index 5bac440a8..a3bfdf0bb 100644 --- a/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.ts +++ b/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.ts @@ -88,13 +88,7 @@ export default function(props: MfmProps, context: SetupContext) { res.push(t); } res.shift(); - - // Don't wrap whitespaces in a span - if (text === ' ') { - return res; - } - - return h('span', res); + return res; } else { return [text.replace(/\n/g, ' ')]; }