feat(ui): animate folder expand in the sidebar

This commit is contained in:
mika kuns
2026-09-30 10:19:35 +02:00
parent 60358100be
commit 928e3905d9
4 changed files with 18 additions and 1 deletions
+13
View File
@@ -867,6 +867,19 @@
<Setter Property="BorderBrush" Value="Transparent" />
</Style>
<!-- Folder tree rows sit tighter than the smart lists — a deep tree gets long fast. -->
<!-- Folder expand: children drop down from under the header. Collapse stays instant. -->
<Style Selector="Panel.folder-children">
<Setter Property="RenderTransformOrigin" Value="50%,0%" />
<Setter Property="RenderTransform" Value="scaleY(1)" />
</Style>
<Style Selector="Panel.folder-children.animate[IsVisible=True]">
<Style.Animations>
<Animation Duration="0:0:0.16" Easing="CubicEaseOut" FillMode="Forward">
<KeyFrame Cue="0%"> <Setter Property="ScaleTransform.ScaleY" Value="0.4"/><Setter Property="Opacity" Value="0"/></KeyFrame>
<KeyFrame Cue="100%"><Setter Property="ScaleTransform.ScaleY" Value="1"/><Setter Property="Opacity" Value="1"/></KeyFrame>
</Animation>
</Style.Animations>
</Style>
<Style Selector="Border.list-item.tree-row">
<Setter Property="Padding" Value="4,4,10,4" />
</Style>