From 7130cf58e6fa78d198861b6de0d58663103c7c5c Mon Sep 17 00:00:00 2001 From: FineArchs <133759614+FineArchs@users.noreply.github.com> Date: Sat, 13 Jan 2024 02:04:41 +0900 Subject: [PATCH 1/3] add position.absolute --- .../src/components/global/MkMisskeyFlavoredMarkdown.ts | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.ts b/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.ts index 650c79dff7d..72dfb0b3e73 100644 --- a/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.ts +++ b/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.ts @@ -225,7 +225,9 @@ export default function(props: MfmProps, context: SetupContext) { if (!defaultStore.state.advancedMfm) break; const x = parseFloat(token.props.args.x ?? '0'); const y = parseFloat(token.props.args.y ?? '0'); - style = `transform: translateX(${x}em) translateY(${y}em);`; + style = token.props.args.absolute + ? `position:absolute; top: ${x}em; left: ${y}em;`; + : `transform: translateX(${x}em) translateY(${y}em);`; break; } case 'scale': { From ba2de3b5bbcfffb3ab7e93c1104e8a3de5d3bc73 Mon Sep 17 00:00:00 2001 From: FineArchs <133759614+FineArchs@users.noreply.github.com> Date: Sat, 13 Jan 2024 02:08:46 +0900 Subject: [PATCH 2/3] Update MkMisskeyFlavoredMarkdown.ts --- .../frontend/src/components/global/MkMisskeyFlavoredMarkdown.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.ts b/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.ts index 72dfb0b3e73..c89f41e45f0 100644 --- a/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.ts +++ b/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.ts @@ -226,7 +226,7 @@ export default function(props: MfmProps, context: SetupContext) { const x = parseFloat(token.props.args.x ?? '0'); const y = parseFloat(token.props.args.y ?? '0'); style = token.props.args.absolute - ? `position:absolute; top: ${x}em; left: ${y}em;`; + ? `position:absolute; top: ${x}em; left: ${y}em;` : `transform: translateX(${x}em) translateY(${y}em);`; break; } From e7ebe166714c2b26ed067cbb1ba6868e9084a168 Mon Sep 17 00:00:00 2001 From: FineArchs <133759614+FineArchs@users.noreply.github.com> Date: Sat, 13 Jan 2024 02:20:35 +0900 Subject: [PATCH 3/3] Update MkMisskeyFlavoredMarkdown.ts --- .../src/components/global/MkMisskeyFlavoredMarkdown.ts | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.ts b/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.ts index c89f41e45f0..c27ea725bb0 100644 --- a/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.ts +++ b/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.ts @@ -225,9 +225,8 @@ export default function(props: MfmProps, context: SetupContext) { if (!defaultStore.state.advancedMfm) break; const x = parseFloat(token.props.args.x ?? '0'); const y = parseFloat(token.props.args.y ?? '0'); - style = token.props.args.absolute - ? `position:absolute; top: ${x}em; left: ${y}em;` - : `transform: translateX(${x}em) translateY(${y}em);`; + const abs = token.props.args.absolute ? 'position:absolute; ' : ''; + style = `${abs}transform: translateX(${x}em) translateY(${y}em);`; break; } case 'scale': {