fix click lang selector on mobile devices

This commit is contained in:
Jonas Heinrich 2020-04-30 15:54:01 +02:00
parent ace2f79fd5
commit f3671cf7de

View file

@ -1,19 +1,12 @@
document.addEventListener("DOMContentLoaded", function() { document.getElementsByClassName("header-lang-small")[0].addEventListener("click", function(){
window.onclick = function(event) { var dropdown = document.getElementById("dropdown");
var dropdownIcon = document.querySelector('.header-lang-small .icon');
// Toggle lang switcher dropdown menu on mobile view console.log(dropdownIcon);
if (event.target.closest('.header-lang-small')) { if (dropdown.style.display === "block") {
var dropdown = document.getElementById("dropdown"); dropdown.style.display = "none";
var dropdownIcon = document.querySelector('.header-lang-small .icon'); dropdownIcon.classList.toggle('active');
console.log(dropdownIcon); } else {
if (dropdown.style.display === "block") { dropdown.style.display = "block";
dropdown.style.display = "none"; dropdownIcon.classList.toggle('active');
dropdownIcon.classList.toggle('active'); }
} else {
dropdown.style.display = "block";
dropdownIcon.classList.toggle('active');
}
};
};
}); });