From d9d1f7af744102c81a6f7eac9d5961ff73087c7f Mon Sep 17 00:00:00 2001
From: Victor Dubiniuk <victor.dubiniuk@gmail.com>
Date: Thu, 5 Sep 2013 19:52:44 +0300
Subject: [PATCH] Overlay improvements. Ref #8

---
 css/style.css   | 10 +++++++++-
 js/documents.js |  5 +++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/css/style.css b/css/style.css
index 546ccc0e..9e14ef1d 100755
--- a/css/style.css
+++ b/css/style.css
@@ -105,7 +105,7 @@
 	position:absolute;
 }
 
-#documents-overlay {
+#documents-overlay,  #documents-overlay-below{
     position: fixed;
     top: 0;
     left: 0;
@@ -115,4 +115,12 @@
     opacity: 0.5;
     z-index: 1000;
 	background: #000 url('%webroot%/core/img/loading-dark.gif') 50% 50% no-repeat;
+}
+#documents-overlay-below{
+	left:85px;
+	top:48px;
+    filter:alpha(opacity=100);
+    opacity: 1;
+	background:#f0f0f0;
+	z-index: 999;
 }
\ No newline at end of file
diff --git a/js/documents.js b/js/documents.js
index 2136fb3b..f9c83f28 100644
--- a/js/documents.js
+++ b/js/documents.js
@@ -7,6 +7,7 @@ var documentsMain = {
 	useUnstable : false,
 	onStartup: function() {
 		"use strict";
+		$('<div id="documents-overlay"></div> <div id="documents-overlay-below"></div>').hide().appendTo(document.body);
 		OC.addScript('documents', 'dojo-amalgamation', function() {
 			OC.addScript('documents', 'webodf-debug').done(function() {
 				// preload stuff in the background
@@ -166,10 +167,10 @@ var documentsMain = {
 		});
 	},
 	showOverlay : function(){
-		$('<div id="documents-overlay"> </div>').hide().appendTo(document.body).fadeIn('slow');
+		$('#documents-overlay,#documents-overlay-below').fadeIn('slow');
 	},
 	hideOverlay : function(){
-		$('#documents-overlay').fadeOut('slow');
+		$('#documents-overlay,#documents-overlay-below').fadeOut('slow');
 	},
 	loadDocuments: function () {
 		var self = this;