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 by: - × + × 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; }