Wiki: Put [Edit] and [Language] buttons into the header area

[Masterjun3]

This is an idea I had, but could never implement. Currently our wiki pages look like this (e.g. https://tasvideos.org/WelcomeToTASVideos )

And my idea was to combine the edit button and the language select (if it exists) into a button inside the header, like this:

With the language button having a dropdown of all the languages. Of course, non-editors wouldn't see the Edit button, and pages without additional languages wouldn't have the language button.

Edit:

Maybe on small widths it's not a good idea to put it right next to the header. Might look bad because there is not much space. So this is a different idea:

[adelikat]

What icon are you using for that language dropdown? it looks nice

[Masterjun3]

https://fontawesome.com/icons/language?f=classic&s=solid fa-language, maybe needs to be size adjusted, like fa-xl or something.

[YoshiRulz]

Done (at least partially) in #1882.

---

Repeating my earlier Discord message:

This is not readable (edit: as in it's a blurry blob, on my admittedly low-DPI 1080p screen). Its purpose is obvious as soon as you interact with it, but I worry it will be missed.

edit 2: Some alternatives from Font Awesome—these are fa-globe, fa-earth-americas (other continents were too blobby), fa-font, fa-universal-access, and fa-right-left, respectively: Another option is to keep the icon but make it bigger, for example with

#translation-menu > .fa-language { padding: 0 0.5em; transform: scale(1.5); }

Or, you could use an icon from outside Font Awesome. There's a nice one in whatever icon set Vencord/Discord uses: Anything in that vein really.

edit 3: https://languageicon.org