From b5c6d91d920f9769b6eeeaef0f0ac1e736aba551 Mon Sep 17 00:00:00 2001
From: Ramiro Saenz <saenzramiro@gmail.com>
Date: Tue, 5 Jul 2016 03:48:08 -0300
Subject: [PATCH] Improved Loading mask

Removed modal and moved mask to bottom-left.
Fixes #50 and #20
---
 app/ux/WebView.js                                  |  4 +++-
 .../rambox-default-theme/sass/src/LoadMask.scss    | 14 ++++++++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)
 create mode 100644 packages/local/rambox-default-theme/sass/src/LoadMask.scss

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;
+	}
+}