diff options
| author | Richard "EpicKitty" Bowey <github@epickitty.uk> | 2021-11-26 04:39:57 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-11-26 13:39:57 +0900 |
| commit | dec7c4f722f2ac766b367fa5f1442a41f5e408b6 (patch) | |
| tree | 67363d2fd4a4a14274fbada6fd7bceb2f6995858 /packages/client/src | |
| parent | Update README.md (diff) | |
| download | sharkey-dec7c4f722f2ac766b367fa5f1442a41f5e408b6.tar.gz sharkey-dec7c4f722f2ac766b367fa5f1442a41f5e408b6.tar.bz2 sharkey-dec7c4f722f2ac766b367fa5f1442a41f5e408b6.zip | |
Implemented a rotate MFM (#8016)
Co-authored-by: Richard Bowey <me@epickitty.uk>
Diffstat (limited to 'packages/client/src')
| -rw-r--r-- | packages/client/src/components/mfm.ts | 5 | ||||
| -rw-r--r-- | packages/client/src/pages/mfm-cheat-sheet.vue | 11 | ||||
| -rw-r--r-- | packages/client/src/scripts/mfm-tags.ts | 2 |
3 files changed, 17 insertions, 1 deletions
diff --git a/packages/client/src/components/mfm.ts b/packages/client/src/components/mfm.ts index d41cf6fc2b..d1da365d9a 100644 --- a/packages/client/src/components/mfm.ts +++ b/packages/client/src/components/mfm.ts @@ -184,6 +184,11 @@ export default defineComponent({ count, speed, }, genEl(token.children)); } + case 'rotate': { + const degrees = parseInt(token.props.args.deg) || '90'; + style = `transform: rotate(${degrees}deg); transform-origin: center center;`; + break; + } } if (style == null) { return h('span', {}, ['$[', token.props.name, ' ', ...genEl(token.children), ']']); diff --git a/packages/client/src/pages/mfm-cheat-sheet.vue b/packages/client/src/pages/mfm-cheat-sheet.vue index e9a3b6debc..ee9d807e71 100644 --- a/packages/client/src/pages/mfm-cheat-sheet.vue +++ b/packages/client/src/pages/mfm-cheat-sheet.vue @@ -281,6 +281,16 @@ </div> </div> </div> + <div class="section _block"> + <div class="title">{{ $ts._mfm.rotate }}</div> + <div class="content"> + <p>{{ $ts._mfm.rotateDescription }}</p> + <div class="preview"> + <Mfm :text="preview_rotate"/> + <MkTextarea v-model="preview_rotate"><span>MFM</span></MkTextarea> + </div> + </div> + </div> </div> </template> @@ -328,6 +338,7 @@ export default defineComponent({ preview_blur: `$[blur ${this.$ts._mfm.dummy}]`, preview_rainbow: `$[rainbow 🍮]`, preview_sparkle: `$[sparkle 🍮]`, + preview_rotate: `$[rotate 🍮]`, } }, }); diff --git a/packages/client/src/scripts/mfm-tags.ts b/packages/client/src/scripts/mfm-tags.ts index 1b18210aa9..18e8d7038a 100644 --- a/packages/client/src/scripts/mfm-tags.ts +++ b/packages/client/src/scripts/mfm-tags.ts @@ -1 +1 @@ -export const MFM_TAGS = ['tada', 'jelly', 'twitch', 'shake', 'spin', 'jump', 'bounce', 'flip', 'x2', 'x3', 'x4', 'font', 'blur', 'rainbow', 'sparkle']; +export const MFM_TAGS = ['tada', 'jelly', 'twitch', 'shake', 'spin', 'jump', 'bounce', 'flip', 'x2', 'x3', 'x4', 'font', 'blur', 'rainbow', 'sparkle', 'rotate']; |