FrederikBaerentsen/BrickTracker
4
4
Fork 3
Code Issues 9 Pull Requests 1 Actions Packages Projects 1 Releases Wiki Activity

Dismiss dropdown if clicked when open

Browse Source
This commit is contained in:
FrederikBaerentsen 2024-11-20 22:10:57 +01:00
parent 54b1a1a9c9
commit f33690b79c
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
templates/index.html
View File

@ -285,9 +285,9 @@
{% for file in files %}
{% if ns.found is sameas false and file.startswith(i[0]) %}
<div class="card-footer-item dropdown" style="width:100%">
<div class="dropdown-trigger">
<button class="is-size-6" aria-haspopup="true" aria-controls="dropdown-menu3">
<div class="card-footer-item dropdown" style="width:100%;">
<div class="dropdown-trigger" style="width:100%;">
<button class="is-size-6" style="display: flex;width: 100%;justify-content: space-between;" aria-haspopup="true" aria-controls="dropdown-menu3">
<span >Instructions</span>
<span class="icon is-small">
<i class="fas fa-angle-down" aria-hidden="true"></i>
@ -819,11 +819,13 @@ $(".navbar-item").click(function() {
const dropdowns = document.querySelectorAll('.dropdown:not(.is-hoverable)');
if (dropdowns.length > 0) {
// For each dropdown, add event handler to open on click.
// For each dropdown, add event handler to open/close on click.
dropdowns.forEach(function(el) {
el.addEventListener('click', function(e) {
closeDropdowns();
// Prevent click from propagating to document
e.stopPropagation();
// Toggle the 'is-active' class, which will open or close the dropdown
el.classList.toggle('is-active');
});
});
@ -851,7 +853,6 @@ document.addEventListener('keydown', function (event) {
}
});
</script>
</body>
</html>