From c9885d757ad931879bd6b7cba97c3ae3ade4ff90 Mon Sep 17 00:00:00 2001
From: Eva <eva.marco@kaleidos.net>
Date: Thu, 11 Aug 2022 11:17:28 +0200
Subject: [PATCH] :lipstick: Improve onboarding modal animations

---
 frontend/resources/styles/main/partials/modal.scss   | 3 ++-
 frontend/src/app/main/ui/onboarding/newsletter.cljs  | 2 +-
 frontend/src/app/main/ui/onboarding/team_choice.cljs | 4 ++--
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/frontend/resources/styles/main/partials/modal.scss b/frontend/resources/styles/main/partials/modal.scss
index 51f797bc25..8d3911bba1 100644
--- a/frontend/resources/styles/main/partials/modal.scss
+++ b/frontend/resources/styles/main/partials/modal.scss
@@ -888,6 +888,7 @@
       height: 464px;
       position: absolute;
       bottom: 0;
+      border-radius: 5px;
     }
 
     .modal-right {
@@ -1334,7 +1335,7 @@
     display: flex;
     flex-direction: column;
     justify-content: space-between;
-
+    border-radius: 0 5px 5px 0;
     .subtitle {
       font-weight: bold;
       font-size: 20px;
diff --git a/frontend/src/app/main/ui/onboarding/newsletter.cljs b/frontend/src/app/main/ui/onboarding/newsletter.cljs
index 09fd40f1ea..0103559f7d 100644
--- a/frontend/src/app/main/ui/onboarding/newsletter.cljs
+++ b/frontend/src/app/main/ui/onboarding/newsletter.cljs
@@ -32,7 +32,7 @@
                      (du/update-profile-props {:newsletter-subscribed false}))))]
 
     [:div.modal-overlay
-     [:div.modal-container.onboarding.newsletter.animated.fadeInUp
+     [:div.modal-container.onboarding.newsletter.animated.fadeInDown
       [:div.modal-top
        [:h1.newsletter-title {:data-test "onboarding-newsletter-title"} (tr "onboarding.newsletter.title")]
        [:p (tr "onboarding.newsletter.desc")]]
diff --git a/frontend/src/app/main/ui/onboarding/team_choice.cljs b/frontend/src/app/main/ui/onboarding/team_choice.cljs
index 4a70f4f072..0e88086c2a 100644
--- a/frontend/src/app/main/ui/onboarding/team_choice.cljs
+++ b/frontend/src/app/main/ui/onboarding/team_choice.cljs
@@ -75,7 +75,7 @@
     (if (< (count teams) 2)
 
       [:div.modal-overlay
-       [:div.modal-container.onboarding-team
+       [:div.modal-container.onboarding-team.animated.fadeIn
         [:div.team-left
          [:h2.title (tr "onboarding.choice.team-up.create-team")]
          [:p.info (tr "onboarding.choice.team-up.create-team-desc")]
@@ -168,7 +168,7 @@
                                               :step 2})))))]
 
     [:div.modal-overlay
-     [:div.modal-container.onboarding-team-members
+     [:div.modal-container.onboarding-team-members.animated.fadeIn
       [:div.team-left
        [:h2.title (tr "onboarding.choice.team-up.invite-members")]
        [:p.info (tr "onboarding.choice.team-up.invite-members-info")]