From 8874e416a3d39c95d0df8eb94c20c0ef946a567a Mon Sep 17 00:00:00 2001
From: Rostislav Wolny <rosta@mailpoet.com>
Date: Mon, 15 Jun 2020 14:45:58 +0200
Subject: [PATCH] Add special animation for fixed bar rendered on top

[MAILPOET-2967]
---
 assets/css/src/components-public/_public.scss | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/assets/css/src/components-public/_public.scss b/assets/css/src/components-public/_public.scss
index ef20cbc22f..36f9511739 100644
--- a/assets/css/src/components-public/_public.scss
+++ b/assets/css/src/components-public/_public.scss
@@ -252,6 +252,10 @@ div.mailpoet_form_fixed_bar {
   form {
     margin: 0 auto;
   }
+
+  &.mailpoet_form_position_top {
+    animation: fade-in-down 1s 1 cubic-bezier(0.77,0,.175,1);
+  }
 }
 
 .mailpoet_form_position_top {
@@ -296,6 +300,18 @@ div.mailpoet_form_slide_in {
   }
 }
 
+@keyframes fade-in-down {
+  0% {
+    opacity: 0;
+    transform: translateY(-30%);
+  }
+
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
 .mailpoet_form_position_left {
   left: 0;
 }