diff --git a/static/js/pandora/home.padma.js b/static/js/pandora/home.padma.js index 358facb4..707a9480 100644 --- a/static/js/pandora/home.padma.js +++ b/static/js/pandora/home.padma.js @@ -12,17 +12,17 @@ pandora.ui.home = function() { width: '100%', height: '100%', opacity: 0, + overflowY: 'auto', zIndex: 1001 }), $box = $('
') .css({ position: 'absolute', left: 0, - top: 0, + top: '80px', right: 0, - bottom: 0, width: '560px', - margin: window.innerHeight / 2 - 80 + 'px auto 0 auto' + margin: '0 auto 0 auto' }) .appendTo(that), $reflectionImage = $('') @@ -52,7 +52,10 @@ pandora.ui.home = function() { margin: '0 auto 0 auto', }) .appendTo($box), - $logo = $('') + $logo = Ox.Element({ + element: '', + tooltip: 'Enter ' + pandora.site.site.name + }) .attr({ id: 'logo', src: '/static/png/logo.png' @@ -267,7 +270,8 @@ pandora.ui.home = function() { $label, $icon, $text, $listsBox, $listsContainer, $listsContent, $listBox = [], $listIcon = [], - $previousButton, $nextButton; + $previousButton, $nextButton, + $space; $lists.empty(); if (lists.length) { $label = Ox.Label({ @@ -493,6 +497,16 @@ pandora.ui.home = function() { .appendTo($listBox[i]); }); } + $space = $('
') + .css({ + position: 'absolute', + top: lists.length == 0 ? '0px' + : lists.length == 1 ? '150px' + : '215px', + width: '560px', + height: '80px' + }) + .appendTo($lists); $lists.animate({opacity: 1}, 250); } function openList(i) { @@ -570,7 +584,7 @@ pandora.ui.home = function() { } that.fadeInScreen = function() { - $box.css({marginTop: '80px'}); + // $box.css({marginTop: '80px'}); that.appendTo(Ox.UI.$body).animate({opacity: 1}, 500, function() { that.find('*').animate({opacity: 1}, 250, function() { $findInput.focusInput(true); @@ -581,6 +595,7 @@ pandora.ui.home = function() { }; that.fadeOutScreen = function() { + $('.OxTooltip').remove(); that.animate({opacity: 0}, 500, function() { that.remove(); }); @@ -591,7 +606,7 @@ pandora.ui.home = function() { that.showScreen = function(callback) { that.css({opacity: 1}).appendTo(Ox.UI.$body); - $box.css({marginTop: '80px'}); + // $box.css({marginTop: '80px'}); that.find('*').css({opacity: 1}); $findInput.focusInput(true); showLists();