Galleries/PHPGallery
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/image-gallery.git synced 2025-05-20 18:34:53 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

In the process of suffering

Browse source
This commit is contained in:
Michał Gdula 2022-07-29 16:41:05 +01:00
parent 7eae10b4bf
commit f670e000b8
4 changed files with 66 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

28
scripts/flyout.js
View file

@ -1,13 +1,21 @@
document.querySelector(".flyout-close").onclick = () =>{
let show = document.querySelectorAll(".flyout-display");
let hide = document.querySelector(".flyout-close");
show.forEach((pain) => {
pain.addEventListener("click", function(){
document.querySelector("html").style.overflow= "hidden";
document.querySelector(".flyout").style.transform= "translateX(-50%) scale(1)";
document.querySelector(".flyout").style.bottom= "-1rem";
document.querySelector(".flyout-dim").style.display= "block";
});
});
hide.addEventListener("click", function(){
document.querySelector("html").style.overflow= "auto";
document.querySelector(".flyout").style.bottom= "-50vh";
document.querySelector(".flyout").style.transform= "translateX(-50%) scale(0.8)";
document.querySelector(".flyout").style.bottom= "-20rem";
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";
}
});