diff --git a/app/ux/WebView.js b/app/ux/WebView.js index 9284c69f..9e322a57 100644 --- a/app/ux/WebView.js +++ b/app/ux/WebView.js @@ -76,7 +76,9 @@ Ext.define('Rambox.ux.WebView',{ // Show and hide spinner when is loading webview.addEventListener("did-start-loading", function() { console.info('Start loading...', me.src); - me.mask('Loading...'); + me.mask('Loading...', 'bottomMask'); + // Manually remove modal from mask + Ext.cq1('#'+me.id).el.dom.getElementsByClassName('bottomMask')[0].parentElement.className = ''; }); webview.addEventListener("did-stop-loading", function() { me.unmask(); diff --git a/packages/local/rambox-default-theme/sass/src/LoadMask.scss b/packages/local/rambox-default-theme/sass/src/LoadMask.scss new file mode 100644 index 00000000..b841ac77 --- /dev/null +++ b/packages/local/rambox-default-theme/sass/src/LoadMask.scss @@ -0,0 +1,14 @@ +.bottomMask { + bottom: 0; + height: 32px; + position: fixed; + top: auto !important; + left: 0 !important; + width: 120px; + .x-mask-msg-text { + padding: 0 0 0 24px; + background-image: url(images/loadmask/loading.gif); + background-repeat: no-repeat; + background-position: 0 0; + } +}