diff options
| -rw-r--r-- | modules/overlay/overlay-parent.css | 4 | ||||
| -rw-r--r-- | modules/overlay/overlay-parent.js | 6 |
2 files changed, 10 insertions, 0 deletions
diff --git a/modules/overlay/overlay-parent.css b/modules/overlay/overlay-parent.css index 115977b7a..70959766b 100644 --- a/modules/overlay/overlay-parent.css +++ b/modules/overlay/overlay-parent.css @@ -67,10 +67,14 @@ margin: 0; padding: 0; overflow: visible; + background: #fff url(images/loading.gif) no-repeat 50% 50%; -webkit-box-shadow: 8px 8px 8px rgba(0,0,0,.5); -moz-box-shadow: 8px 8px 8px rgba(0,0,0,.5); box-shadow: 8px 8px 8px rgba(0,0,0,.5); } +.overlay-loaded #overlay-container { + background: none; +} .overlay #overlay-element { overflow: hidden; } diff --git a/modules/overlay/overlay-parent.js b/modules/overlay/overlay-parent.js index 88dd43aa1..c79276f82 100644 --- a/modules/overlay/overlay-parent.js +++ b/modules/overlay/overlay-parent.js @@ -254,6 +254,12 @@ Drupal.overlay.create = function () { Drupal.overlay.load = function (url) { var self = this; var iframe = self.iframe.$element.get(0); + + // Add a loaded class to the overlay once the iframe is loaded. + $(iframe).load(function () { + $('.overlay').addClass('overlay-loaded'); + }); + // Get the document object of the iframe window. // @see http://xkr.us/articles/dom/iframe-document/ var doc = (iframe.contentWindow || iframe.contentDocument); |