glax/Tranga
2
0
Fork 0
Code

Exist popup by clicking outside of it

Browse Source
This commit is contained in:
glax 2023-05-23 16:29:09 +02:00
parent 5c4431778e
commit b0ee888c82
2 changed files with 2 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
Website/interaction.js
View File

@ -30,6 +30,8 @@ const addtaskpopup = document.querySelector("addtask-popup");
const closetaskpopup = document.querySelector("#closePopupImg"); const closetaskpopup = document.querySelector("#closePopupImg");
settingsCog.addEventListener("click", () => slide()); settingsCog.addEventListener("click", () => slide());
closetaskpopup.addEventListener("click", () => HideNewTaskWindow())
document.querySelector("addtask-background").addEventListener("click", () => HideNewTaskWindow());
let availableTaskTypes; let availableTaskTypes;
GetTaskTypes() GetTaskTypes()
@ -107,8 +109,6 @@ function slide(){
slideIn = !slideIn; slideIn = !slideIn;
} }
function ResetContent(){ function ResetContent(){
tasksContent.replaceChildren(); tasksContent.replaceChildren();
var add = document.createElement("div"); var add = document.createElement("div");
@ -120,7 +120,6 @@ function ResetContent(){
tasksContent.appendChild(add); tasksContent.appendChild(add);
} }
closetaskpopup.addEventListener("click", () => HideNewTaskWindow())
function ShowNewTaskWindow(){ function ShowNewTaskWindow(){
addtaskpopup.style.display = "block"; addtaskpopup.style.display = "block";
addtaskpopup.animate(fadeIn, fadeInTiming); addtaskpopup.animate(fadeIn, fadeInTiming);

2
Website/style.css
View File

@ -206,7 +206,6 @@ publication img {
addtask-popup{ addtask-popup{
display: none; display: none;
opacity: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
top: 0; top: 0;
@ -246,7 +245,6 @@ window-titlebar {
top: 0; top: 0;
border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
color: var(--accent-color); color: var(--accent-color);
display: flex block; display: flex block;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;