oier/PatataLauncher
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Experimenting with the menu slide animation.

Browse Source
This commit is contained in:
Daniel Scalzi
2018-04-26 03:49:45 -04:00
parent 6e55442b25
commit 22f5eabe49
3 changed files with 43 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
app/assets/js/scripts/landing.js
View File

@@ -101,6 +101,29 @@ server_selection_button.addEventListener('click', (e) => {
toggleOverlay(true, 'serverSelectContent')
})
// Test menu transform.
function slide_(up){
const lCUpper = document.querySelector('#landingContainer > #upper')
const lCLLeft = document.querySelector('#landingContainer > #lower > #left')
const lCLCenter = document.querySelector('#landingContainer > #lower > #center')
const lCLRight = document.querySelector('#landingContainer > #lower > #right')
const menuBtn = document.querySelector('#landingContainer > #lower > #center #content')
if(up){
lCUpper.style.top = '-200vh'
lCLLeft.style.top = '-200vh'
lCLCenter.style.top = '-200vh'
lCLRight.style.top = '-200vh'
menuBtn.style.top = '130vh'
} else {
lCUpper.style.top = '0px'
lCLLeft.style.top = '0px'
lCLCenter.style.top = '0px'
lCLRight.style.top = '0px'
menuBtn.style.top = '10px'
}
}
// Update Mojang Status Color
const refreshMojangStatuses = async function(){
console.log('Refreshing Mojang Statuses..')