[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

@@ -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;
 }