update embed loading screen

This commit is contained in:
rolux 2013-02-20 10:50:48 +05:30
parent fdb37b15d2
commit 8661f96be4

View file

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