lfk/frontend
2
0
Fork 0
Code Issues 4 Pull Requests Actions Projects Releases Wiki Activity

Implemented rough outside click handler for the dropdown

Browse Source 
ref #84
This commit is contained in:
Nicolai Ort
2021-02-28 17:39:21 +01:00
parent 9fec315910
commit c2bd696bfe
6 changed files with 116 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/teams/TeamsOverview.svelte
View File

@@ -18,6 +18,14 @@
teams_promise.then((data) => {
usersstore.set(data);
});
document.addEventListener("click", function (e) {
if (
e.target.parentNode.parentNode.id != "sponsoring:dropdown" &&
e.target.parentNode.parentNode.id != "sponsoring:dropdown:menu"
) {
sponsoring_contracts_download_open = false;
}
});
async function generateSponsoringContract(locale) {
sponsoring_contracts_download_open = false;
const teams = current_teams.filter((r) => r.is_selected === true);
@@ -120,7 +128,8 @@
</div>
{#if sponsoring_contracts_download_open}
<div
class="origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5">
class="origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5"
id="sponsoring:dropdown:menu">
<div
class="py-1"
role="menu"