fix click lang selector on mobile devices
This commit is contained in:
parent
ace2f79fd5
commit
f3671cf7de
1 changed files with 11 additions and 18 deletions
|
|
@ -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');
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
};
|
|
||||||
});
|
});
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue