Overlay improvements. Ref #8
This commit is contained in:
parent
9e42c3f6e9
commit
d9d1f7af74
@ -105,7 +105,7 @@
|
|||||||
position:absolute;
|
position:absolute;
|
||||||
}
|
}
|
||||||
|
|
||||||
#documents-overlay {
|
#documents-overlay, #documents-overlay-below{
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
@ -115,4 +115,12 @@
|
|||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
background: #000 url('%webroot%/core/img/loading-dark.gif') 50% 50% no-repeat;
|
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;
|
||||||
}
|
}
|
@ -7,6 +7,7 @@ var documentsMain = {
|
|||||||
useUnstable : false,
|
useUnstable : false,
|
||||||
onStartup: function() {
|
onStartup: function() {
|
||||||
"use strict";
|
"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', 'dojo-amalgamation', function() {
|
||||||
OC.addScript('documents', 'webodf-debug').done(function() {
|
OC.addScript('documents', 'webodf-debug').done(function() {
|
||||||
// preload stuff in the background
|
// preload stuff in the background
|
||||||
@ -166,10 +167,10 @@ var documentsMain = {
|
|||||||
});
|
});
|
||||||
},
|
},
|
||||||
showOverlay : function(){
|
showOverlay : function(){
|
||||||
$('<div id="documents-overlay"> </div>').hide().appendTo(document.body).fadeIn('slow');
|
$('#documents-overlay,#documents-overlay-below').fadeIn('slow');
|
||||||
},
|
},
|
||||||
hideOverlay : function(){
|
hideOverlay : function(){
|
||||||
$('#documents-overlay').fadeOut('slow');
|
$('#documents-overlay,#documents-overlay-below').fadeOut('slow');
|
||||||
},
|
},
|
||||||
loadDocuments: function () {
|
loadDocuments: function () {
|
||||||
var self = this;
|
var self = this;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user