Permalink
Browse files

MINOR Improved CMS loading spinner visibility by enforcing a higher z…

…-index in its own element
  • Loading branch information...
1 parent f57a301 commit f3494839b0c1f61effe298b86d7efb3a50830cdb @chillu chillu committed Dec 14, 2011
Showing with 15 additions and 12 deletions.
  1. +2 −2 admin/css/screen.css
  2. +2 −2 admin/javascript/LeftAndMain.Content.js
  3. +11 −8 admin/scss/_style.scss
View

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
@@ -267,10 +267,10 @@
$('.cms-content.loading,.cms-edit-form.loading').entwine({
onmatch: function() {
- this.append('<div class="cms-content-loading-overlay ui-widget-overlay-light"></div>');
+ this.append('<div class="cms-content-loading-overlay ui-widget-overlay-light"></div><div class="cms-content-loading-spinner"></div>');
},
onunmatch: function() {
- this.find('.cms-content-loading-overlay').remove();
+ this.find('.cms-content-loading-overlay,.cms-content-loading-spinner').remove();
}
});
View
@@ -156,22 +156,25 @@ html,body {
/** -------------------------------------------------------
* Loading Interface
* ------------------------------------------------------- */
-.cms-content {
- &.loading,
- form.loading {
- background: url(../images/spinner.gif) no-repeat 50% 50%;
- }
-}
.cms-content-loading-overlay {
position: absolute; // z-index doesn't apply properly without that
top: 0;
left: 0;
width: 100%;
height: 100%;
- z-index: 9999;
+ z-index: 9998;
// Further styling by .ui-widget-overlay-light which is usually applied at the same time
-
+}
+
+.cms-content-loading-spinner {
+ position: absolute; // z-index doesn't apply properly without that
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 9999;
+ background: url(../images/spinner.gif) no-repeat 50% 50%;
}
/** -----------------------------------------------

0 comments on commit f349483

Please sign in to comment.