MediaWiki:SupportPage.js: Difference between revisions
Jump to navigation
Jump to search
Content deleted Content added
hmm, results in offset when reduce-motion enabled. rv for now. Should probably look into doing this in CSS anyway Tag: Undo |
new language switcher code |
||
Line 18: | Line 18: | ||
$( window ).resize( showHideLanguageExpand ); |
$( window ).resize( showHideLanguageExpand ); |
||
/* -- end of language bar code -- */ |
/* -- end of language bar code -- */ |
||
/* -- New language switcher code -- */ |
|||
var languageSwitcherButton = document.querySelector('.language-switcher__button'), |
|||
languageSwitcherContent = document.querySelector('.language-switcher__content'), |
|||
languageSwitcherBackdrop = document.querySelector('[data-dropdown-backdrop]'); |
|||
languageSwitcherButton.onclick = function() { |
|||
if ( languageSwitcherButton.ariaExpanded === 'true' ) { |
|||
hideLanguageSwitcher(); |
|||
} else { |
|||
showLanguageSwitcher(); |
|||
} |
|||
}; |
|||
languageSwitcherBackdrop.onclick = hideLanguageSwitcher; |
|||
function showLanguageSwitcher() { |
|||
languageSwitcherButton.ariaExpanded = 'true'; |
|||
languageSwitcherContent.hidden = false; |
|||
languageSwitcherBackdrop.dataset.dropdownBackdrop = 'active'; |
|||
} |
|||
function hideLanguageSwitcher() { |
|||
languageSwitcherButton.ariaExpanded = 'false'; |
|||
languageSwitcherContent.hidden = true; |
|||
languageSwitcherBackdrop.dataset.dropdownBackdrop = 'inactive'; |
|||
} |
|||
/* -- End of new language switcher code -- */ |
|||
/* -- table of contents code -- */ |
/* -- table of contents code -- */ |