From 9e46f040a18a9d005f51e4002c7fbc6fbc6a7591 Mon Sep 17 00:00:00 2001 From: Johann150 Date: Tue, 26 Apr 2022 22:26:22 +0200 Subject: [PATCH 1/2] add x,y parameters to rotate MFM --- packages/client/src/components/mfm.ts | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/packages/client/src/components/mfm.ts b/packages/client/src/components/mfm.ts index 37076652f..0099eb465 100644 --- a/packages/client/src/components/mfm.ts +++ b/packages/client/src/components/mfm.ts @@ -178,8 +178,12 @@ export default defineComponent({ return h(MkSparkle, {}, genEl(token.children)); } case 'rotate': { + const rotateDir = + token.props.args.x ? 'X' : + token.props.args.y ? 'Y' : + ''; const degrees = parseInt(token.props.args.deg) || '90'; - style = `transform: rotate(${degrees}deg); transform-origin: center center;`; + style = `transform: rotate${rotateDir}(${degrees}deg); transform-origin: center center;`; break; } } From 4c37e9f80d149eb100bb3ae423641e9f43bb648b Mon Sep 17 00:00:00 2001 From: Johann150 Date: Wed, 27 Apr 2022 17:25:27 +0200 Subject: [PATCH 2/2] add perspective --- packages/client/src/components/mfm.ts | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/client/src/components/mfm.ts b/packages/client/src/components/mfm.ts index 0099eb465..49bd8d8c4 100644 --- a/packages/client/src/components/mfm.ts +++ b/packages/client/src/components/mfm.ts @@ -178,12 +178,12 @@ export default defineComponent({ return h(MkSparkle, {}, genEl(token.children)); } case 'rotate': { - const rotateDir = - token.props.args.x ? 'X' : - token.props.args.y ? 'Y' : - ''; + const rotate = + token.props.args.x ? 'perspective(128px) rotateX' : + token.props.args.y ? 'perspective(128px) rotateY' : + 'rotate'; const degrees = parseInt(token.props.args.deg) || '90'; - style = `transform: rotate${rotateDir}(${degrees}deg); transform-origin: center center;`; + style = `transform: ${rotate}(${degrees}deg); transform-origin: center center;`; break; } }