MaDgIK
/
openaire-assets
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[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
This commit is contained in:
k.triantafyllou 2021-03-05 15:12:16 +00:00
parent 7f1c86b21d
commit 04e47cb7d3
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
library-css/modal.scss
View File

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