vuejs/docs

Reorganizing translations list

edimitchel opened this issue · 1 comments

Hi,

As the list of translation is growing a lot, it could be nice to rethink the way we show all the translations list.

Just for context, here is the way we show today the list on mobile and desktop.
IMG_20240331_201200.jpg

Screenshot_2024-03-31-20-12-25-09_3aea4af51f236e4932235fdada7d1643.jpg

As you see, space between language and GitHub repo could be reused or reduced.
On mobile we could see to have 2 languages per row, on desktop make it larger and show nation flag.

WDYT?

show nation flag

It's not possible to associate a language with just one country. Most of the languages in that list are dominantly spoken in more than one country.

And in mobile view it'll be too much cluttered to show more than one language on each line. Like currently it's like this:

image

If we make two languages per line:

image


(not sufficient space to fit the github icons for second column here without adjusting outer padding)