Fixed bug #16049: Loading mask doesn't disappear on hitting Esc/cancel loading
authorSteffen Gebert <steffen.gebert@typo3.org>
Wed, 20 Oct 2010 07:28:54 +0000 (07:28 +0000)
committerSteffen Gebert <steffen.gebert@typo3.org>
Wed, 20 Oct 2010 07:28:54 +0000 (07:28 +0000)
git-svn-id: https://svn.typo3.org/TYPO3v4/Core/trunk@9177 709f56b5-9817-0410-a4d7-c38de5d9e867

ChangeLog
typo3/js/extjs/iframepanel.js
typo3/sysext/t3skin/extjs/xtheme-t3skin.css

index f0a96e0..0500856 100755 (executable)
--- a/ChangeLog
+++ b/ChangeLog
@@ -1,3 +1,7 @@
+2010-10-20  Steffen Gebert  <steffen@steffen-gebert.de>
+
+       * Fixed bug #16049: Loading mask doesn't disappear on hitting Esc/cancel loading
+
 2010-10-19  Stanislas Rolland  <typo3@sjbr.ca>
 
        * Added feature #16073: htmlArea RTE: Add paste as plain text feature
index 0277f0d..40d0e91 100644 (file)
@@ -100,8 +100,18 @@ TYPO3.iframePanel = Ext.extend(Ext.Panel, {
                if (this.doMask) {
                        this.el.mask(this.maskMessage, 'x-mask-loading-message');
                        this.el.addClass('t3-mask-loading');
+                               // add an onClick handler to remove the mask while clicking on the loading message
+                               // useful if user cancels loading and wants to access the content again
+                       this.el.child('.x-mask-loading-message').on(
+                               'click',
+                               function() {
+                                       this.el.unmask();
+                               },
+                               this
+                       );
                }
        },
+
        removeMask: function() {
                if (this.doMask) {
                        this.el.unmask();
index 1bb7e3e..a41ff55 100644 (file)
@@ -512,6 +512,7 @@ body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc
        background-color: transparent;
        background-image: url("../images/spinner/big-f0f0f0.gif");
        border: none;
+       cursor: pointer;
        height: 32px;
        padding: 0;
        width: 32px;