update padma home screen
This commit is contained in:
parent
c624f419f7
commit
4d4f391af0
1 changed files with 22 additions and 7 deletions
|
@ -12,17 +12,17 @@ pandora.ui.home = function() {
|
|||
width: '100%',
|
||||
height: '100%',
|
||||
opacity: 0,
|
||||
overflowY: 'auto',
|
||||
zIndex: 1001
|
||||
}),
|
||||
$box = $('<div>')
|
||||
.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 = $('<img>')
|
||||
|
@ -52,7 +52,10 @@ pandora.ui.home = function() {
|
|||
margin: '0 auto 0 auto',
|
||||
})
|
||||
.appendTo($box),
|
||||
$logo = $('<img>')
|
||||
$logo = Ox.Element({
|
||||
element: '<img>',
|
||||
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 = $('<div>')
|
||||
.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();
|
||||
|
|
Loading…
Reference in a new issue