From 941642aee876a97dbb79666d8fabaa2b1feb9ff5 Mon Sep 17 00:00:00 2001 From: Indrajith K L Date: Sun, 20 Mar 2022 00:38:25 +0530 Subject: Theme changes --- themes/terminal/assets/js/languageSelector.js | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) create mode 100644 themes/terminal/assets/js/languageSelector.js (limited to 'themes/terminal/assets/js/languageSelector.js') diff --git a/themes/terminal/assets/js/languageSelector.js b/themes/terminal/assets/js/languageSelector.js new file mode 100644 index 0000000..23c9acb --- /dev/null +++ b/themes/terminal/assets/js/languageSelector.js @@ -0,0 +1,23 @@ +const mobileQuery = getComputedStyle(document.body).getPropertyValue("--phoneWidth"); +const isMobile = () => window.matchMedia(mobileQuery).matches; + +const languageSelector = document.querySelector(".language-selector-current"); +const moreLanguagesContainer = document.querySelector(".language-selector__more"); + +document.body.addEventListener("click", () => { + if ( + !isMobile() && + moreLanguagesContainer && + !moreLanguagesContainer.classList.contains("hidden") + ) { + moreLanguagesContainer.classList.add("hidden"); + } +}); + +languageSelector && + languageSelector.addEventListener("click", (e) => { + if (!isMobile()) { + e.stopPropagation(); + moreLanguagesContainer.classList.toggle("hidden"); + } + }); -- cgit v1.2.3