Added feature #16046: Improve ExtJS skin: Loading mask (Thanks to Lars Zimmermann)
authorSteffen Gebert <steffen.gebert@typo3.org>
Mon, 18 Oct 2010 20:33:31 +0000 (20:33 +0000)
committerSteffen Gebert <steffen.gebert@typo3.org>
Mon, 18 Oct 2010 20:33:31 +0000 (20:33 +0000)
git-svn-id: https://svn.typo3.org/TYPO3v4/Core/trunk@9148 709f56b5-9817-0410-a4d7-c38de5d9e867

ChangeLog
typo3/js/extjs/iframepanel.js
typo3/sysext/t3skin/extjs/xtheme-t3skin.css
typo3/sysext/t3skin/images/spinner/big-f0f0f0.gif [new file with mode: 0644]

index a0d8a09..901d0f5 100755 (executable)
--- a/ChangeLog
+++ b/ChangeLog
@@ -5,6 +5,7 @@
 2010-10-18  Steffen Gebert  <steffen@steffen-gebert.de>
 
        * Added feature #15991: Style error messages in the TYPO3 way (Thanks to Lars Zimmermann, T3UXW09)
+       * Added feature #16046: Improve ExtJS skin: Loading mask (Thanks to Lars Zimmermann)
 
 2010-10-18  Xavier Perseguers  <typo3@perseguers.ch>
 
index a0d31dd..0277f0d 100644 (file)
@@ -37,7 +37,7 @@ TYPO3.iframePanel = Ext.extend(Ext.Panel, {
        name: 'iframe',
        iframe: null,
        src: Ext.isIE && Ext.isSecure ? Ext.SSL_SECURE_URL : 'about:blank',
-       maskMessage: 'loading ...',
+       maskMessage: ' ',
        doMask: true,
 
                // component build
@@ -60,7 +60,7 @@ TYPO3.iframePanel = Ext.extend(Ext.Panel, {
 
        onRender : function() {
                TYPO3.iframePanel.superclass.onRender.apply(this, arguments);
-               this.maskMessage = TYPO3.LLL.core.loadingIndicator;
+               this.maskMessage = ' ';
                this.iframe = Ext.isIE ? this.body.dom.contentWindow : window.frames[this.name];
                this.body.dom[Ext.isIE ? 'onreadystatechange' : 'onload'] = this.loadHandler.createDelegate(this);
        },
@@ -95,16 +95,17 @@ TYPO3.iframePanel = Ext.extend(Ext.Panel, {
                this.body.dom.src = this.body.dom.src;
        },
 
-    /** @private */
-    setMask: function() {
-        if (this.doMask) {
-                   this.el.mask(this.maskMessage, 'x-mask-loading');
+       /** @private */
+       setMask: function() {
+               if (this.doMask) {
+                       this.el.mask(this.maskMessage, 'x-mask-loading-message');
+                       this.el.addClass('t3-mask-loading');
                }
-    },
-    removeMask: function() {
-        if (this.doMask) {
+       },
+       removeMask: function() {
+               if (this.doMask) {
                        this.el.unmask();
                }
-    }
+       }
 });
 Ext.reg('iframePanel', TYPO3.iframePanel);
index 847f667..1bb7e3e 100644 (file)
@@ -486,28 +486,35 @@ body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc
  * Site: www.jadacosta.es
  */
 
+/* the mask for dialogs */
 .ext-el-mask {
-       background-color: #aaa;
-       -moz-opacity: 0.75;
-       opacity: .75;
-       filter: alpha(opacity=75);
+       background-color: #000000;
+       -moz-opacity: 0.9;
+       opacity: 0.9;
+       filter:alpha(opacity=90);
 }
 
-.ext-el-mask-msg {
-       border-color:#8f8f8f;
-       background-color:#EFEFF4;
-       background-image:url(images/box/tb-gray.gif);
+/* mask while loading */
+.t3-mask-loading .ext-el-mask {
+       background-color: #f8f8f8;
 }
-.ext-el-mask-msg div {
-       background-color: #EFEFF4;
-       border-color:#ccc;
-       color:#222;
-       font:normal 10px verdana, arial, tahoma, helvetica, sans-serif;
+
+.x-mask-loading-div {
+       padding: 0;
 }
 
-.x-mask-loading div {
-       background-color:#fbfbfb;
-       background-image:url(images/grid/loading.gif);
+.x-mask-loading-message.ext-el-mask-msg {
+       border: none;
+       background: none;
+}
+
+.x-mask-loading-message div {
+       background-color: transparent;
+       background-image: url("../images/spinner/big-f0f0f0.gif");
+       border: none;
+       height: 32px;
+       padding: 0;
+       width: 32px;
 }
 
 .x-item-disabled {
diff --git a/typo3/sysext/t3skin/images/spinner/big-f0f0f0.gif b/typo3/sysext/t3skin/images/spinner/big-f0f0f0.gif
new file mode 100644 (file)
index 0000000..c00a290
Binary files /dev/null and b/typo3/sysext/t3skin/images/spinner/big-f0f0f0.gif differ