0
0
mirror of https://github.com/Doodle3D/doodle3d-connect.git synced 2024-12-25 01:53:48 +01:00

Loader fade in

This commit is contained in:
peteruithoven 2014-05-07 15:18:27 +02:00
parent 21598c1afc
commit 612c0b8720
2 changed files with 15 additions and 1 deletions

View File

@ -47,7 +47,11 @@ d3d.util = {
}, },
showLoader:function(autoHide) { showLoader:function(autoHide) {
setTimeout(function(){ setTimeout(function(){
$.mobile.loading('show'); var loader = $.mobile.loading('show'); //.addClass("fadePrepare");
loader.addClass("fadeIn");
/*setTimeout(function() {
loader.addClass("fadeIn");
},500);*/
if(autoHide) { if(autoHide) {
setTimeout(function() { setTimeout(function() {
$.mobile.loading('hide'); $.mobile.loading('hide');

View File

@ -48,4 +48,14 @@ body.ui-mobile-viewport {
&.info { &.info {
background: #97DD8A; background: #97DD8A;
} }
}
/* hack to fadein loader widget (will break normal loader usage) */
.ui-loader {
display: block;
opacity: 0;
transition: opacity 0.5s linear;
}
.ui-loading .ui-loader.fadeIn {
opacity: 0.18;
} }