make animations fancier
MODIFY
WalletWasabi.Fluent/Controls/NavBarItem.xaml
WalletWasabi.Fluent/Controls/NavBarItem.xaml
<Border.Transitions>
<Transitions>
<DoubleTransition Property="Opacity" Duration="0:0:0.175" />
- <TransformOperationsTransition Property="RenderTransform" Duration="0:0:.175" />
+ <TransformOperationsTransition Property="RenderTransform" Duration="0:0:.135" Easing="QuadraticEaseIn" />
</Transitions>
</Border.Transitions>
</Border>
<Style Selector="c|NavBarItem /template/ Border#Indicator">
<Setter Property="Background" Value="{DynamicResource SystemAccentColor}" />
<Setter Property="Opacity" Value="0" />
- <Setter Property="RenderTransform" Value="scale(0)" />
+ <Setter Property="RenderTransformOrigin" Value="50%,0%" />
+ <Setter Property="RenderTransform" Value="scaleY(0)" />
</Style>
<Style Selector="c|NavBarItem /template/ ContentPresenter#PART_ContentPresenter">
<!-- Selected State -->
<Style Selector="c|NavBarItem:selected /template/ Border#Indicator">
<Setter Property="Opacity" Value="1" />
- <Setter Property="RenderTransform" Value="scale(1)" />
+ <Setter Property="RenderTransformOrigin" Value="50%,100%" />
+ <Setter Property="RenderTransform" Value="scaleY(1)" />
</Style>
<Style Selector="c|NavBarItem:selected /template/ ContentPresenter#PART_ContentPresenter">
<Setter Property="TextBlock.Foreground" Value="{DynamicResource SystemControlHighlightAltBaseHighBrush}"/>

MODIFY
WalletWasabi.Fluent/Controls/NavBarTreeItem.xaml
WalletWasabi.Fluent/Controls/NavBarTreeItem.xaml
<Border.Transitions>
<Transitions>
<DoubleTransition Property="Opacity" Duration="0:0:0.175" />
- <TransformOperationsTransition Property="RenderTransform" Duration="0:0:.175" />
+ <TransformOperationsTransition Property="RenderTransform" Duration="0:0:.135" Easing="QuadraticEaseIn" />
</Transitions>
</Border.Transitions>
</Border>
<Style Selector="c|NavBarTreeItem /template/ Border#PART_LayoutRoot Border#Indicator">
<Setter Property="Background" Value="{DynamicResource SystemAccentColor}"/>
<Setter Property="Opacity" Value="0" />
- <Setter Property="RenderTransform" Value="scale(0)" />
+ <Setter Property="RenderTransformOrigin" Value="50%,0%" />
+ <Setter Property="RenderTransform" Value="scaleY(0)" />
</Style>
<!-- PointerOver state -->
<!-- Selected state -->
<Style Selector="c|NavBarTreeItem:selected /template/ Border#Indicator">
<Setter Property="Opacity" Value="1" />
- <Setter Property="RenderTransform" Value="scale(1)" />
+ <Setter Property="RenderTransformOrigin" Value="50%,100%" />
+ <Setter Property="RenderTransform" Value="scaleY(1)" />
</Style>
<Style Selector="c|NavBarTreeItem:selected /template/ Border#PART_LayoutRoot > ContentPresenter#PART_HeaderPresenter">
<Setter Property="TextBlock.Foreground" Value="{DynamicResource TreeViewItemForegroundSelected}" />

make animations fancier