0x2620/pandora
2
1
Fork 1
Code Issues 1.3k Pull requests Releases Wiki Activity

update embed loading screen

Browse source
This commit is contained in:
rolux 2013-02-20 10:50:48 +05:30
parent fdb37b15d2
commit 8661f96be4
1 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
static/js/pandora.js
View file

@ -56,7 +56,7 @@ appPanel
images.logo = document.createElement('img'); images.logo = document.createElement('img');
images.logo.onload = function() { images.logo.onload = function() {
var ratio = images.logo.width / images.logo.height, var ratio = images.logo.width / images.logo.height,
width = 320, width = isEmbed ? 96 : 320,
height = width / ratio; height = width / ratio;
images.logo.style.position = 'absolute'; images.logo.style.position = 'absolute';
images.logo.style.left = 0; images.logo.style.left = 0;
@ -86,11 +86,11 @@ appPanel
images.loadingIcon.setAttribute('id', 'loadingIcon'); images.loadingIcon.setAttribute('id', 'loadingIcon');
images.loadingIcon.style.position = 'absolute'; images.loadingIcon.style.position = 'absolute';
images.loadingIcon.style.left = 0; images.loadingIcon.style.left = 0;
images.loadingIcon.style.top = '80px'; images.loadingIcon.style.top = isEmbed ? '32px' : '80px';
images.loadingIcon.style.right = 0; images.loadingIcon.style.right = 0;
images.loadingIcon.style.bottom = 0; images.loadingIcon.style.bottom = 0;
images.loadingIcon.style.width = '32px'; images.loadingIcon.style.width = isEmbed ? '16px' : '32px';
images.loadingIcon.style.height = '32px'; images.loadingIcon.style.height = isEmbed ? '16px' : '32px';
images.loadingIcon.style.margin = 'auto'; images.loadingIcon.style.margin = 'auto';
images.loadingIcon.src = '/static/oxjs/' + (enableDebugMode ? 'dev' : 'build') images.loadingIcon.src = '/static/oxjs/' + (enableDebugMode ? 'dev' : 'build')
+ '/Ox.UI/themes/' + theme + '/svg/symbolLoading.svg'; + '/Ox.UI/themes/' + theme + '/svg/symbolLoading.svg';
@ -105,12 +105,12 @@ appPanel
var gradient = document.createElement('div'); var gradient = document.createElement('div');
gradient.style.position = 'absolute'; gradient.style.position = 'absolute';
gradient.style.left = 0; gradient.style.left = 0;
gradient.style.top = '160px'; gradient.style.top = isEmbed ? '48px' : '160px';
gradient.style.right = 0; gradient.style.right = 0;
gradient.style.bottom = 0; gradient.style.bottom = 0;
// FIXME: should be 320 and 160 - the values below are temporary fixes for Chrome 26 // FIXME: should be 320 and 160 - the values below are temporary fixes for Chrome 26
gradient.style.width = '322px'; gradient.style.width = isEmbed ? '98px' : '322px';
gradient.style.height = '162px'; gradient.style.height = isEmbed ? '50px' : '162px';
gradient.style.margin = 'auto'; gradient.style.margin = 'auto';
gradient.style.background = theme == 'oxlight' ? '-moz-linear-gradient(top, rgba(224, 224, 224, 0.75), rgba(224, 224, 224, 1), rgba(224, 224, 224, 1))' gradient.style.background = theme == 'oxlight' ? '-moz-linear-gradient(top, rgba(224, 224, 224, 0.75), rgba(224, 224, 224, 1), rgba(224, 224, 224, 1))'
: theme == 'oxmedium' ? '-moz-linear-gradient(top, rgba(144, 144, 144, 0.75), rgba(144, 144, 144, 1), rgba(144, 144, 144, 1))' : theme == 'oxmedium' ? '-moz-linear-gradient(top, rgba(144, 144, 144, 0.75), rgba(144, 144, 144, 1), rgba(144, 144, 144, 1))'