From 04e47cb7d31c24ec4b9849633420186aafc683c8 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@d315682c-612b-4755-9ff5-7f18f6832af3>
Date: Fri, 5 Mar 2021 15:12:16 +0000
Subject: [PATCH] [Library | Trunk]: Full screen modal: Add animation css

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/assets@60600 d315682c-612b-4755-9ff5-7f18f6832af3
---
 library-css/modal.scss | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/library-css/modal.scss b/library-css/modal.scss
index 6c02362..b4454ee 100644
--- a/library-css/modal.scss
+++ b/library-css/modal.scss
@@ -7,6 +7,9 @@
   z-index: 9999;
   overflow: auto;
   background-color: white;
+  opacity: 0;
+  transform: scale(0);
+  transition: transform linear .3s, opacity linear .3s;
 }
 
 .fs-modal > .close {
@@ -32,7 +35,7 @@
 }
 
 .fs-modal > .content > .content-inner {
-  padding: 50px 90px 90px;
+  padding: 30px 90px;
 }
 
 @media only screen and (max-width: 639px) {
@@ -41,7 +44,7 @@
   }
 
   .fs-modal > .content > .content-inner {
-    padding: 50px 45px 90px;
+    padding: 30px 45px;
   }
 }
 
@@ -49,6 +52,11 @@ html.fs-modal-open {
   overflow: hidden !important;
 }
 
+html.fs-modal-open .fs-modal {
+  opacity: 1;
+  transform: scale(1);
+}
+
 .uk-modal.uk-open ~ .uk-tooltip {
   z-index: 10001;
 }