diff --git a/src/base/pane.js b/src/base/pane.js index 421f31273..515d9f99a 100644 --- a/src/base/pane.js +++ b/src/base/pane.js @@ -74,25 +74,20 @@ BI.Pane = BI.inherit(BI.Widget, { width: 5 }] }); - var loadingGif = BI.createWidget({ - type: "bi.layout", - cls: "loading-background", - height: 30 - }); - var loadingEffect = (BI.isIE() && BI.getIEVersion() < 10) ? loadingGif : loadingAnimation; + (BI.isIE() && BI.getIEVersion() < 10) && loadingAnimation.element.addClass("hack"); if (o.overlap === true) { if (!BI.Layers.has(this.getName())) { BI.createWidget({ type: "bi.absolute_center_adapt", items: [{ - el: loadingEffect + el: loadingAnimation }], element: BI.Layers.make(this.getName(), this) }); } BI.Layers.show(self.getName()); } else if (BI.isNull(this._loading)) { - this._loading = loadingEffect; + this._loading = loadingAnimation; this._loading.element.css("zIndex", 1); BI.createWidget({ type: "bi.absolute_center_adapt", diff --git a/src/less/base/pane.less b/src/less/base/pane.less index 8818dfb87..83ee3b595 100644 --- a/src/less/base/pane.less +++ b/src/less/base/pane.less @@ -1,4 +1,5 @@ @import "../index"; +@import "../resource/background"; .bi-pane { min-height: 25px; .background-color(@color-bi-background-normal, 0); @@ -17,12 +18,17 @@ .animation-delay(-0.4s); } .keyframes (loading-widget, { - 0%, - 100% { + 0%, 100% { .transform (scaleY(0.3)); } 50% { .transform (scaleY(1)); } }); + &.hack { + .loading-background; + div { + .background-color(@background-color-highlight, 0%); + } + } } \ No newline at end of file