YunoHost/SSOwat
1
0
Fork 0
mirror of https://github.com/YunoHost/SSOwat.git synced 2024-09-03 20:06:27 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix overlay issues

Browse source
This commit is contained in:
Lukas Fülling 2019-02-13 19:27:34 +01:00 committed by Alexandre Aubin
parent ca0951e476
commit 356a53de52
2 changed files with 36 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
portal/assets/css/ynhpanel.css
View file

@ -56,14 +56,14 @@ body {/*overflow-y: scroll;*/}
/* Background */ /* Background */
#ynh-overlay { #ynh-overlay {
display: block; visibility: hidden;
position: fixed; position: fixed;
top:0; top:0;
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: 9999999; z-index: 9999999;
opacity: 0; display: block;
border: none; border: none;
color:#fff; color:#fff;
background: #41444F; background: #41444F;
@ -79,12 +79,24 @@ body {/*overflow-y: scroll;*/}
/*FadeIn*/ /*FadeIn*/
@-webkit-keyframes fadeIn { @-webkit-keyframes fadeIn {
0% {opacity: 0;} 0% {
100% {opacity: 1;} visibility: hidden;
opacity:0;
}
100% {
visibility: visible;
opacity: 1;
}
} }
@keyframes fadeIn { @keyframes fadeIn {
0% {opacity: 0;} 0% {
100% {opacity: 1;} visibility: hidden;
opacity: 0;
}
100% {
visibility: visible;
opacity: 1;
}
} }
.ynh-fadeIn { .ynh-fadeIn {
@ -106,12 +118,24 @@ body {/*overflow-y: scroll;*/}
/*FadeOut*/ /*FadeOut*/
@-webkit-keyframes fadeOut { @-webkit-keyframes fadeOut {
0% {opacity: 1;} 0% {
100% {opacity: 0;} visibility: visible;
opacity: 1;
}
100% {
visibility: hidden;
opacity: 0;
}
} }
@keyframes fadeOut { @keyframes fadeOut {
0% {opacity: 1;} 0% {
100% {opacity: 0;} visibility: visible;
opacity: 1;
}
100% {
visibility: hidden;
opacity: 0;
}
} }
.ynh-fadeOut { .ynh-fadeOut {
-webkit-animation-name: fadeOut; -webkit-animation-name: fadeOut;

6
portal/assets/js/ynhpanel.js
View file

@ -192,8 +192,7 @@ var dragg = function(id) {
// Reset dragging status // Reset dragging status
dragged = false; dragged = false;
}); });
} };
/* Smallest DOMReady /* Smallest DOMReady
http://dustindiaz.com/smallest-domready-ever http://dustindiaz.com/smallest-domready-ever
@ -239,7 +238,7 @@ domReady(function(){
var overlay = document.createElement('iframe'); var overlay = document.createElement('iframe');
overlay.src = "/yunohost/sso/info.html"; overlay.src = "/yunohost/sso/info.html";
overlay.setAttribute("id","ynh-overlay"); overlay.setAttribute("id","ynh-overlay");
overlay.setAttribute("style","opacity:0"); // make sure the overlay is invisible already when loading it overlay.setAttribute("style","visibility: hidden;"); // make sure the overlay is invisible already when loading it
document.body.insertBefore(overlay, null); document.body.insertBefore(overlay, null);
@ -294,5 +293,4 @@ domReady(function(){
}; };
r.send(); r.send();
}); });