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() {
window.onclick = function(event) {
// Toggle lang switcher dropdown menu on mobile view
if (event.target.closest('.header-lang-small')) {
var dropdown = document.getElementById("dropdown");
var dropdownIcon = document.querySelector('.header-lang-small .icon');
console.log(dropdownIcon);
if (dropdown.style.display === "block") {
dropdown.style.display = "none";
dropdownIcon.classList.toggle('active');
} else {
dropdown.style.display = "block";
dropdownIcon.classList.toggle('active');
}
};
};
document.getElementsByClassName("header-lang-small")[0].addEventListener("click", function(){
var dropdown = document.getElementById("dropdown");
var dropdownIcon = document.querySelector('.header-lang-small .icon');
console.log(dropdownIcon);
if (dropdown.style.display === "block") {
dropdown.style.display = "none";
dropdownIcon.classList.toggle('active');
} else {
dropdown.style.display = "block";
dropdownIcon.classList.toggle('active');
}
});