We will move the language switcher to the top right in three phases. These phases will be 1) moving the language switcher and providing non-JS fallback 2) Progressive enhancement via Vue.js or existing code (pending further discussion and 3) moving the language cog (for selecting interface language). This task concerns phase 1.
# acceptance criteria
[] A new language menu dropdown is added to the top right of the page. This side steps T104660
[] The language dropdown is limited in height with vertical scrolling for long lists.
[] The dropdown uses the existing [[ https://doc.wikimedia.org/mediawiki-skins-Vector/master/js/ui/?path=/story/menudropdown--more | Vector MenuDropdown component ]]
[] The language button itself has been styled to look like the button (see mock 1)
[] When clicking the menu with JS disabled the list of menus reveals itself.
[ ] The list of languages are removed from the sidebar. The language heading and the switcher cog however will remain. see mock 2)
# Developer notes
This will likely require some refactoring of the menu templates and styles.
See: https://gerrit.wikimedia.org/r/c/mediawiki/skins/Vector/+/621084 DONOTMERGE: quick and dirtyy languages dropdown [NEW]
# Sign off steps
[ ] A task is created for enhancing the dropdown list to allow searching. Feel free to assign this task to @jdlrobson
# additional material
https://docs.google.com/presentation/d/18leDJOJ1ldXQ_zr5kD9Kl7Z-F-Ab2j8ao9CiOwQm7CQ/edit#slide=id.g6b27b3c96d_0_1
# Mocks
## Mock 1 - language button
{F32187963}
## Mock 2 - sidebar without languages
{F32187961}