Use transitions instead of keyframes
MODIFY
WalletWasabi.Fluent/Views/Wallets/MusicControlsView.axaml
WalletWasabi.Fluent/Views/Wallets/MusicControlsView.axaml
<Setter Property="VerticalAlignment" Value="Center" />
</Style>
+ <Style Selector="Border#PART_MainBorder">
+ <Setter Property="Transitions">
+ <Transitions>
+ <TransformOperationsTransition Property="RenderTransform"
+ Duration="0:0:0.6"
+ Easing="{StaticResource FluentEasing}"/>
+ </Transitions>
+ </Setter>
+ </Style>
<Style Selector="Border#PART_MainBorder.IsActive">
- <Style.Animations>
- <Animation Duration="0:0:2" Easing="{StaticResource FluentEasing}" FillMode="Both">
- <KeyFrame Cue="50%">
- <Setter Property="(TranslateTransform.Y)" Value="120" />
- </KeyFrame>
- <KeyFrame Cue="100%">
- <Setter Property="(TranslateTransform.Y)" Value="0" />
- </KeyFrame>
- </Animation>
- </Style.Animations>
+ <Setter Property="RenderTransform" Value="translateY(0)"/>
</Style>
<Style Selector="Border#PART_MainBorder:not(.IsActive)">
- <Style.Animations>
- <Animation Duration="0:0:2" Easing="{StaticResource FluentEasing}" FillMode="Both">
- <KeyFrame Cue="50%">
- <Setter Property="(TranslateTransform.Y)" Value="0" />
- </KeyFrame>
- <KeyFrame Cue="100%">
- <Setter Property="(TranslateTransform.Y)" Value="120" />
- </KeyFrame>
- </Animation>
- </Style.Animations>
+ <Setter Property="RenderTransform" Value="translateY(120px)"/>
</Style>
+
</UserControl.Styles>
<Border Name="PART_MainBorder"
Classes.IsActive="{Binding IsActive, FallbackValue=false}"

Use transitions instead of keyframes