From a3479bcf8b313e217abd23fb9b8213c379735710 Mon Sep 17 00:00:00 2001
From: db-2001 <adityabhatnagar2001@gmail.com>
Date: Sun, 21 Apr 2024 14:18:30 -0400
Subject: [PATCH] C9Glax/tranga-website#79

---
 Website/index.html      |  2 +-
 Website/interaction.js  | 12 +++++++++++-
 Website/styles/base.css |  4 ----
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/Website/index.html b/Website/index.html
index 7142dba..c5ea14a 100644
--- a/Website/index.html
+++ b/Website/index.html
@@ -23,7 +23,7 @@
     <filter-box id="filterBox">
       <border-bar>
         <popup-title>Filter by: </popup-title>
-        <popup-close onclick="filterBox.classList.toggle('animate')" >&times</popup-close>
+        <popup-close onclick="filterBox.style.display = 'none';" >&times</popup-close>
       </border-bar>
       <popup-content id="filterContent">
         <div class="popup-section">
diff --git a/Website/interaction.js b/Website/interaction.js
index 6ca3e58..7700f8b 100644
--- a/Website/interaction.js
+++ b/Website/interaction.js
@@ -15,6 +15,7 @@ let statusNameMatch = [];
 const searchBox = document.querySelector("#searchbox");
 const settingsPopup = document.querySelector("#settingsPopup");
 const filterBox = document.querySelector("#filterBox");
+const filterContent = document.querySelector("#filterContent");
 const settingsCog = document.querySelector("#settingscog");
 const filterFunnel = document.querySelector("#filterFunnel");
 const tasksContent = document.querySelector("content");
@@ -184,6 +185,15 @@ function Setup(){
 }
 Setup();
 
+function ToggleFilterBox() {
+  if (filterBox.style.display == 'none') {
+    filterBox.style.display = 'flex';
+  } else {
+    filterBox.style.display = 'none';
+  }
+  filterContent.scrollTop = 0;
+}
+
 function ToggleFilterConnector(connector, event) {
   //console.log("Initial Array:");
   //console.log(connectorMatch);
@@ -508,7 +518,7 @@ settingsCog.addEventListener("click", () => {
 });
 
 filterFunnel.addEventListener("click", () => {
-  filterBox.classList.toggle("animate");
+  ToggleFilterBox();
 });
 
 settingKomgaUrl.addEventListener("keypress", (event) => { if(event.key === "Enter") UpdateSettings(); });
diff --git a/Website/styles/base.css b/Website/styles/base.css
index 007506b..714cdd2 100644
--- a/Website/styles/base.css
+++ b/Website/styles/base.css
@@ -95,10 +95,6 @@ filter-box {
     height: 600px;
 }
 
-filter-box.animate {
-    display: flex;
-}
-
 filter-box border-bar popup-title{
     font-size: 12pt;
 }