_showLoadingOverlay: function() {
// create loading overlay on first run
if (this._loadingOverlay === null) {
- this._loadingOverlay = $('<div class="wcf-spinner"><img src="' + WCF.Icon.get('wcf.icon.loading') + '" alt="" />' + WCF.Language.get('wcf.global.loading') + '</div>').hide().appendTo($('body'));
+ this._loadingOverlay = $('<div class="spinner"><img src="' + WCF.Icon.get('wcf.icon.loading') + '" alt="" class="icon48" /> <span>' + WCF.Language.get('wcf.global.loading') + '</span></div>').hide().appendTo($('body'));
}
// fade in overlay
#packageInstallationAction {
margin-bottom: @wcfGapTiny;
+}
+
+.spinner {
+ border: 1px solid rgba(0, 0, 0, .3);
+ color: #fff;
+ left: 46%;
+ padding: 7px 0;
+ position: fixed;
+ right: 46%;
+ text-align: center;
+ top: 200px;
+ width: 70px;
+ z-index: 401;
+
+ .borderRadius();
+ .boxShadow(0, 1px, rgba(0, 0, 0, .5), 7px);
+ .linearGradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, 0), rgba(0, 0, 0, .7));
+
+ img {
+ margin-bottom: @wcfGapSmall;
+ }
}
\ No newline at end of file