Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

prototype for transition type 3 - a blend of 1's sequence with #3's l…

…oader
  • Loading branch information...
commit ac5afb2f8b8f50db78b1f2990f404f97785f91c1 1 parent 781827c
scottjehl authored
View
4 css/structure/jquery.mobile.core.css
@@ -57,9 +57,9 @@ div.ui-mobile-viewport { overflow-x: hidden; }
/* loading screen */
.ui-loading .ui-loader { display: block; }
-.ui-loader { display: none; position: absolute; z-index: 10000; left: 0; opacity: .8; width: 16px; height: 16px; top: 50%; margin-left: -32px; margin-top: -12px; padding: 3px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; }
+.ui-loader { display: none; z-index: 9999999; position: fixed; width: 36px; height: 36px; top: 50%; margin-left: -18px;margin-top: -18px; left: 50%; padding: 3px; -webkit-border-radius: 36px; -moz-border-radius: 36px; border-radius: 36px; }
.ui-loader h1 { font-size: 0px; width: 0; height: 0; overflow: hidden; }
-.ui-loader .ui-icon { display: block; margin: 0; width: 16px; height: 16px; opacity: .8; background-color: transparent; }
+.ui-loader .ui-icon { display: block; margin: 0; width: 36px; height: 36px; background-color: transparent; }
/*fouc*/
.ui-mobile-rendering > * { visibility: hidden; }
View
BIN  css/themes/default/images/ajax-loader.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
2  css/themes/default/jquery.mobile.theme.css
@@ -976,7 +976,7 @@ a.ui-link-inherit {
/* loading icon */
.ui-icon-loading {
background-image: url(images/ajax-loader.png);
- background-size: 16px 16px;
+ background-size: 36px 36px;
}
View
6 js/jquery.mobile.init.js
@@ -28,7 +28,7 @@
// loading div which appears during Ajax requests
// will not appear if $.mobile.loadingMessage is false
- var $loader = $( "<div class='ui-loader ui-body-d ui-corner-all ui-shadow-inset fade'><span class='ui-icon ui-icon-loading spin'></span><h1></h1></div>" );
+ var $loader = $( "<div class='ui-loader ui-body-b ui-corner-all ui-shadow-inset fade'><span class='ui-icon ui-icon-loading spin'></span><h1></h1></div>" );
$.extend($.mobile, {
// turn on/off page loading message.
@@ -44,10 +44,6 @@
.end()
.appendTo( $.mobile.pageContainer )
// position at y center (if scrollTop supported), above the activeBtn (if defined), or just 100px from top
- .css({
- top: lastClicked && lastClicked.length && lastClicked.offset().top + Math.max( lastClicked.height(), lastClicked.outerHeight() ) / 2,
- left: lastClicked && lastClicked.length && lastClicked.offset().left + Math.max( lastClicked.width(), lastClicked.outerWidth() )
- })
.addClass("in")
}
Please sign in to comment.
Something went wrong with that request. Please try again.