From 68e3cc51e4736d72756a2b79487018723f57035c Mon Sep 17 00:00:00 2001
From: Fabio Manganiello <fabio@manganiello.tech>
Date: Thu, 5 Sep 2024 01:20:43 +0200
Subject: [PATCH] [UI] Added shink, expand and unfold animations.

---
 .../http/webapp/src/style/animations.scss     | 39 +++++++++++++++++++
 1 file changed, 39 insertions(+)

diff --git a/platypush/backend/http/webapp/src/style/animations.scss b/platypush/backend/http/webapp/src/style/animations.scss
index 4d2ef72b82..70507a8fb2 100644
--- a/platypush/backend/http/webapp/src/style/animations.scss
+++ b/platypush/backend/http/webapp/src/style/animations.scss
@@ -14,6 +14,30 @@
    -webkit-animation-name: fadeOut;
 }
 
+.expand {
+   animation-duration: 0.5s;
+   -webkit-animation-duration: 0.5s;
+   animation-fill-mode: both;
+   animation-name: expand;
+   -webkit-animation-name: expand;
+}
+
+.shrink {
+   animation-duration: 0.5s;
+   -webkit-animation-duration: 0.5s;
+   animation-fill-mode: both;
+   animation-name: shrink;
+   -webkit-animation-name: shrink;
+}
+
+.unfold {
+   animation-duration: 0.5s;
+   -webkit-animation-duration: 0.5s;
+   animation-fill-mode: both;
+   animation-name: unfold;
+   -webkit-animation-name: unfold;
+}
+
 @keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
@@ -27,6 +51,21 @@
    }
 }
 
+@keyframes expand {
+   0% {transform: scale(0);}
+   100% {transform: scale(1);}
+}
+
+@keyframes shrink {
+   0% {transform: scale(1);}
+   100% {transform: scale(0);}
+}
+
+@keyframes unfold {
+   0% {transform: scale(0, 1);}
+   100% {transform: scale(1, 1);}
+}
+
 .glow {
    animation-duration: 2s;
    -webkit-animation-duration: 2s;