aboutsummaryrefslogtreecommitdiffstats
path: root/pydis_site
diff options
context:
space:
mode:
authorGravatar kosayoda <[email protected]>2021-04-01 20:15:17 +0800
committerGravatar kosayoda <[email protected]>2021-04-01 20:15:17 +0800
commit6198e75bce8e1d2f013a7adfcaed6b1eb5daebf9 (patch)
treeec6b1c23335bce374b588f5464ac4d81739ad852 /pydis_site
parentAdd a dropdown menu listing direct children. (diff)
Allow clicking outside the dropdown to hide it.
Diffstat (limited to 'pydis_site')
-rw-r--r--pydis_site/templates/content/dropdown.html14
1 files changed, 11 insertions, 3 deletions
diff --git a/pydis_site/templates/content/dropdown.html b/pydis_site/templates/content/dropdown.html
index 711be113..25a68e88 100644
--- a/pydis_site/templates/content/dropdown.html
+++ b/pydis_site/templates/content/dropdown.html
@@ -2,14 +2,22 @@
<script>
document.addEventListener("DOMContentLoaded", () => {
- const dropdown = document.querySelector(".dropdown");
+ const dropdown = document.querySelector("#dropdown");
+ // Show dropdown menu when clicked
dropdown.addEventListener("click", () => {
dropdown.classList.toggle("is-active");
- })
+ });
+
+ // Hide dropdown menu when anyhere on the page is clicked
+ document.addEventListener("click", (e) => {
+ if (!dropdown.contains(e.target) && dropdown.classList.contains("is-active")) {
+ dropdown.classList.remove("is-active");
+ }
+ }, false);
});
</script>
-<div class="dropdown is-pulled-right is-right">
+<div class="dropdown is-pulled-right is-right" id="dropdown">
<div class="dropdown-trigger">
<a aria-haspopup="true" aria-controls="subarticle-menu">
<span>Sub-Articles</span>