mirror of
https://github.com/Fluffy-Bean/image-gallery.git
synced 2025-05-21 02:44:55 +00:00
Testing out flyout menus
This commit is contained in:
parent
0d9687e836
commit
7eae10b4bf
4 changed files with 73 additions and 1 deletions
13
scripts/flyout.js
Normal file
13
scripts/flyout.js
Normal 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";
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue