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

[Library | Trunk]: Add animation on mat-select to avoid z-index change flickering 

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/assets@58743 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
k.triantafyllou 2020-05-21 14:17:13 +00:00
parent cc30fd059a
commit 641cb2d441
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
library.css
View File

@ -2128,6 +2128,16 @@ div.cdk-overlay-container.modal-select {
z-index: 10001 !important; z-index: 10001 !important;
} }
@keyframes opacity {
from {opacity: 0;}
to {opacity: 1;}
}
/* Set an animation for 750ms to avoid flickering on z-index change*/
.cdk-overlay-pane {
animation: linear 750ms opacity;
}
.landing-modal-header { .landing-modal-header {
background: transparent linear-gradient(35deg, #FFFFFF 0%, #F0F0F0 100%) 0% 0% no-repeat padding-box; background: transparent linear-gradient(35deg, #FFFFFF 0%, #F0F0F0 100%) 0% 0% no-repeat padding-box;
padding: 20px 40px; padding: 20px 40px;