notfire/Iceshrimp.NET
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[frontend/mfm] Add default speed for animation fn nodes

Browse source
This commit is contained in:
pancakes 2024-11-11 12:11:07 +10:00 • committed by Laura Hausmann
parent cc156c9760
commit 6e982c95fe
No known key found for this signature in database
GPG key ID: D044E84C5BE01605
2 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
Iceshrimp.Frontend/Components/MfmText.razor.css
View file

@ -234,7 +234,6 @@
.fn-animation {
display: inline-block;
animation-delay: 0s;
animation-duration: 1s;
animation-fill-mode: both;
animation-iteration-count: infinite;
animation-timing-function: linear;

12
Iceshrimp.Frontend/Core/Miscellaneous/RenderMfm.cs
View file

@ -262,8 +262,8 @@ public static partial class MfmRenderer
"blur" => MfmFnBlur(document),
"jelly" => MfmFnAnimation(node.Name, args, document),
"tada" => MfmFnAnimation(node.Name, args, document),
"jump" => MfmFnAnimation(node.Name, args, document),
"bounce" => MfmFnAnimation(node.Name, args, document),
"jump" => MfmFnAnimation(node.Name, args, document, "0.75s"),
"bounce" => MfmFnAnimation(node.Name, args, document, "0.75s"),
"spin" => MfmFnSpin(args, document),
"shake" => throw new NotImplementedException($"{node.Name}"),
"twitch" => throw new NotImplementedException($"{node.Name}"),
@ -331,14 +331,18 @@ public static partial class MfmRenderer
return el;
}
private static INode MfmFnAnimation(string name, Dictionary<string, string?> args, IDocument document)
private static INode MfmFnAnimation(
string name, Dictionary<string, string?> args, IDocument document, string defaultSpeed = "1s"
)
{
var el = document.CreateElement("span");
el.ClassName = "fn-animation";
var style = $"animation-name: fn-{name}-mfm;";
style += args.TryGetValue("speed", out var speed) ? $" animation-duration: {speed};" : "";
style += args.TryGetValue("speed", out var speed)
? $" animation-duration: {speed};"
: $" animation-duration: {defaultSpeed};";
style += args.TryGetValue("delay", out var delay) ? $" animation-delay: {delay};" : "";
style += args.TryGetValue("loop", out var loop) ? $" animation-iteration-count: {loop};" : "";