Testing out flyout menus

This commit is contained in:
Michał Gdula 2022-07-29 13:53:36 +01:00
parent 0d9687e836
commit 7eae10b4bf
4 changed files with 73 additions and 1 deletions

13
scripts/flyout.js Normal file
View file

@ -0,0 +1,13 @@
document.querySelector(".flyout-close").onclick = () =>{
document.querySelector("html").style.overflow= "auto";
document.querySelector(".flyout").style.bottom= "-50vh";
document.querySelector(".flyout-dim").style.display= "none";
}
document.querySelector(".flyout-display").onclick = () =>{
document.querySelector("html").style.overflow= "hidden";
document.querySelector(".flyout").style.bottom= "-1rem";
document.querySelector(".flyout-dim").style.display= "block";
}