MediaWiki:SupportPage.js: Difference between revisions

Content deleted Content added
No edit summary
No edit summary
Line 21:
/* -- New language switcher code -- */
var languageSwitcherButton = document.querySelector('.language-switcher__button'),
languageSwitcherContentlanguageSwitcher = document.querySelector('.language-switcher__content'),
languageSwitcherBackdrop = document.querySelector('.[data-dropdown-backdrop]');
 
languageSwitcherButton.onclick =addEventListener('click', function() {
if ( languageSwitcherButton.ariaExpanded === 'true' ) {
hideLanguageSwitcher();
} else {
showLanguageSwitcher();
checkScroll();
}
});
 
languageSwitcherBackdrop.onclick =addEventListener('click', hideLanguageSwitcher);
 
function showLanguageSwitcher() {
languageSwitcherButton.ariaExpanded = 'true';
languageSwitcherContentlanguageSwitcher.hidden = false;
document.bodylanguageSwitcherBackdrop.dataset.dropdownOpendropdownBackdrop = 'trueactive';
}
 
function hideLanguageSwitcher() {
languageSwitcherButton.ariaExpanded = 'false';
languageSwitcherContentlanguageSwitcher.hidden = true;
document.bodylanguageSwitcherBackdrop.dataset.dropdownOpendropdownBackdrop = 'falseinactive';
}
 
function checkScroll() {
if ( languageSwitcher.offsetHeight + languageSwitcher.scrollTop >= languageSwitcher.scrollHeight ) {
languageSwitcher.classList.remove('scroll-shadow');
} else {
languageSwitcher.classList.add('scroll-shadow');
}
}
 
languageSwitcher.addEventListener('scroll', checkScroll);
/* -- End of new language switcher code -- */