From 73e5472a5d53fb57efbe4b9a32dacecbadc87075 Mon Sep 17 00:00:00 2001
From: Dan Walmsley <dan@walms.co.uk>
Date: Thu, 11 Apr 2019 19:16:38 +0100
Subject: [PATCH] add nice animations with animated stacking.

---
 .../Notifications/Notification.cs             |  2 +-
 .../NotificationArea.xaml                     | 48 ++++++++++---------
 2 files changed, 27 insertions(+), 23 deletions(-)

diff --git a/src/Avalonia.Controls/Notifications/Notification.cs b/src/Avalonia.Controls/Notifications/Notification.cs
index fbf28c07e5..54de4bcce7 100644
--- a/src/Avalonia.Controls/Notifications/Notification.cs
+++ b/src/Avalonia.Controls/Notifications/Notification.cs
@@ -9,7 +9,7 @@ namespace Avalonia.Controls.Notifications
 {
     public class Notification : ContentControl
     {
-        private TimeSpan _closingAnimationTime = TimeSpan.FromSeconds(0.25);
+        private TimeSpan _closingAnimationTime = TimeSpan.FromSeconds(1);
 
         static Notification()
         {
diff --git a/src/Avalonia.Themes.Default/NotificationArea.xaml b/src/Avalonia.Themes.Default/NotificationArea.xaml
index 2b2dd2a797..12a90c8c94 100644
--- a/src/Avalonia.Themes.Default/NotificationArea.xaml
+++ b/src/Avalonia.Themes.Default/NotificationArea.xaml
@@ -13,8 +13,8 @@
         <Setter Property="Width" Value="350"/>
         <Setter Property="FontSize" Value="14"/>
         <Setter Property="Foreground" Value="White"/>
-        
-       <!-- <Setter Property="ContentTemplateSelector" Value="{StaticResource NotificationTemplateSelector}"/> -->
+
+        <!-- <Setter Property="ContentTemplateSelector" Value="{StaticResource NotificationTemplateSelector}"/> -->
         <Setter Property="Template">
             <ControlTemplate>
                 <Border Background="{TemplateBinding Background}"
@@ -30,31 +30,35 @@
         </Setter>
 
         <Style.Animations>
-          <Animation Duration="0:0:0.200" Easing="CubicEaseInOut">
-            <KeyFrame Cue="0%">
-              <Setter Property="Opacity" Value="0"/>
-              <Setter Property="TranslateTransform.X" Value="250"/>
-            </KeyFrame>
-            <KeyFrame Cue="100%">
-              <Setter Property="Opacity" Value="1"/>
-              <Setter Property="TranslateTransform.X" Value="0"/>
-            </KeyFrame>
-          </Animation>
+            <Animation Duration="0:0:1.0" Easing="CubicEaseInOut" FillMode="Forward">
+                <KeyFrame Cue="0%">
+                    <Setter Property="Opacity" Value="0"/>
+                    <Setter Property="TranslateTransform.X" Value="250"/>
+                    <Setter Property="Height" Value="0"/>
+                </KeyFrame>
+                <KeyFrame Cue="100%">
+                    <Setter Property="Opacity" Value="1"/>
+                    <Setter Property="TranslateTransform.X" Value="0"/>
+                    <Setter Property="Height" Value="100"/>
+                </KeyFrame>
+            </Animation>
         </Style.Animations>
     </Style>
 
     <Style Selector="Notification[IsClosing=true]">
         <Style.Animations>
-          <Animation Duration="0:0:0.150" Easing="CubicEaseInOut" FillMode="Forward">
-            <KeyFrame Cue="0%">             
-              <Setter Property="Opacity" Value="1"/>
-              <Setter Property="TranslateTransform.X" Value="0"/>
-            </KeyFrame>
-            <KeyFrame Cue="100%">
-              <Setter Property="Opacity" Value="0"/>
-              <Setter Property="TranslateTransform.X" Value="250"/>
-            </KeyFrame>
-          </Animation>
+            <Animation Duration="0:0:1.0" Easing="CubicEaseInOut" FillMode="Forward">
+                <KeyFrame Cue="0%">
+                    <Setter Property="Height" Value="100"/>
+                    <Setter Property="Opacity" Value="1"/>
+                    <Setter Property="TranslateTransform.X" Value="0"/>
+                </KeyFrame>
+                <KeyFrame Cue="100%">
+                    <Setter Property="Height" Value="0"/>
+                    <Setter Property="Opacity" Value="0"/>
+                    <Setter Property="TranslateTransform.X" Value="250"/>
+                </KeyFrame>
+            </Animation>
         </Style.Animations>
     </Style>