natty
/
calckey
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

fix fade

This commit is contained in:
ThatOneCalculator 2023-05-22 17:26:27 -07:00
parent 79fe1dcd61
commit b5eb374e62
No known key found for this signature in database
GPG Key ID: 8703CACD01000000
2 changed files with 9 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
packages/client/src/components/mfm.ts
View File

@ -156,6 +156,14 @@ export default defineComponent({
}
return h(MkSparkle, {}, genEl(token.children));
}
case "fade": {
const direction = token.props.args.out
? "alternate-reverse"
: "alternate";
const speed = validTime(token.props.args.speed) || "1.5s";
style = `animation: mfm-fade ${speed} linear infinite; animation-direction: ${direction};`;
break;
}
case "flip": {
const transform =
token.props.args.h && token.props.args.v
@ -253,16 +261,6 @@ export default defineComponent({
style = `background-color: #${color};`;
break;
}
case "fade": {
const direction = token.props.args.out
? "alternate-reverse"
: "alternate";
const speed = validTime(token.props.args.speed) || "1.5s";
style =
this.$store.state.animatedMfm && !reducedMotion()
? `animation: mfm-fade ${speed} linear infinite; animation-direction: ${direction};`
: "";
}
}
if (style == null) {
return h("span", {}, [

1
packages/client/src/scripts/extract-mfm.ts
View File

@ -9,6 +9,7 @@ const animatedMfm = [
"jump",
"bounce",
"rainbow",
"fade",
];
export function extractMfmWithAnimation(nodes: mfm.MfmNode[]): string[] {