From 0bc714d0e36b8c9d4f1f4044dd72ddd96a4146da Mon Sep 17 00:00:00 2001
From: Fabio Manganiello <fabio@manganiello.tech>
Date: Tue, 10 Sep 2024 22:41:35 +0200
Subject: [PATCH] [UI] Added fold animation.

---
 .../backend/http/webapp/src/style/animations.scss | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/platypush/backend/http/webapp/src/style/animations.scss b/platypush/backend/http/webapp/src/style/animations.scss
index 70507a8fb2..c5b5c4abe6 100644
--- a/platypush/backend/http/webapp/src/style/animations.scss
+++ b/platypush/backend/http/webapp/src/style/animations.scss
@@ -30,6 +30,14 @@
    -webkit-animation-name: shrink;
 }
 
+.fold {
+   animation-duration: 0.5s;
+   -webkit-animation-duration: 0.5s;
+   animation-fill-mode: both;
+   animation-name: fold;
+   -webkit-animation-name: fold;
+}
+
 .unfold {
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
@@ -61,8 +69,13 @@
    100% {transform: scale(0);}
 }
 
+@keyframes fold {
+   0% {transform: scale(1, 1);}
+   100% {transform: scale(1, 0);}
+}
+
 @keyframes unfold {
-   0% {transform: scale(0, 1);}
+   0% {transform: scale(1, 0);}
    100% {transform: scale(1, 1);}
 }