Problem with the "language" menu selector
tdelmas opened this issue · 3 comments
The language menu starts to be long and difficult to read:
With a not obvious ordering.
We should find a way to display it more clearly, or an alternative. (no, flags are not an option https://localizejs.com/articles/why-using-flag-icons-can-confuse-your-users/)
Maybe a text input in the top to filter items? A pre-filter using the browser languages?
Wikipedia has both:
Yes - this is getting a bit unwieldy. It's a bit tricky because we have a dropdown in the menu for the languages, so we're a bit limited since it's working with the existing system.
Wikipedia has some good examples, although we might not yet be at the point of needing a filter. They're also using the sidebar, which LE.org doesn't have, so they have a few more options.
Right now, I'm thinking the best solution might be converting the dropdown to 2 columns instead of 1. Here is a quick (and imperfect) mockup. This gives it the most compatibility with the desktop/mobile layouts for the nav.
Open to thoughts and feedback @tdelmas @bdaehlie.
I like the two-column solution for now!
I think the issue becomes more and more pressing 😅 (and additional languages are in the pipeline...)
