Opened 9 years ago
Closed 9 years ago
#994 closed enhancement (fixed)
Refresh design of "Locales & Languages" page
Reported by: | samuelsidler | Owned by: | |
---|---|---|---|
Milestone: | Priority: | low | |
Component: | Translate Site & Plugins | Keywords: | |
Cc: |
Description
The current design of the "Locales & Languages" pages is just a big table. We should refresh this page to look more modern and show more information.
@isaackeyet has worked up an initial mockup.
Some explanations:
- The design uses the "bar" style from the theme and plugin directory but maintains the white background (using a grey bar instead).
- We may add other filters, but for now the only "filter" is "Find your locale" which won't use the "selected" style from the directories until we add other filters (if we do so).
- The search box remains the same and auto filters the cards below.
- Each card shows the same three things they showed before: language name in English, localized language name, and locale code. We will also search these three fields using the search box.
- We've added a green progress bar that will show how far the locale is from translating the WordPress project.
- If a locale has completely translated WordPress, we will change the outline of the card to be green, giving them a new identifier.
- This design also adds the number of contributors to the locale. Ideally, someone could click on that and see a list of a contributors, but we haven't built that yet.
- Finally, the card ends with a "call to action."
I have the start of this developed already and will be working to design it to Isaac's mockup. However we need the following features easily accessible from the languages page:
- Number of contributors to a locale
- WordPress project percentage complete
I've asked @ocean90 to work up those features while I wrap up the design implementation.
Attachments (3)
Change History (23)
This ticket was mentioned in Slack in #polyglots by petya. View the logs.
9 years ago
This ticket was mentioned in Slack in #glotpress by netweb. View the logs.
9 years ago
#5
follow-up:
↓ 12
@
9 years ago
Some remaining things:
- Show WordPress locale instead of the GlotPress slug
- Link contributors to the teams page
- Improve styling of the search form (see themes/plugin directory)
- Improve filtering: It shouldn't match button labels
- Link the the handbook page for requesting a new locale
- wp-admin/themes.php has a "Add New" box after all the themes, maybe we can add something similiar, "Request Locale" and link it to the handbook page.
- or/and add a "No locales found, request new locale" message if no search results were found
#6
@
9 years ago
There is a char encoding / font support issue with Burmese and Tamazight, it looks like above in Chrome.
#7
follow-ups:
↓ 8
↓ 9
@
9 years ago
@deconf: I'm assuming you're on Windows? This works fine on Mac. It's likely a missing font on your end. There are other languages with this issue as well.
#8
in reply to:
↑ 7
;
follow-up:
↓ 10
@
9 years ago
Replying to samuelsidler:
@deconf: I'm assuming you're on Windows? This works fine on Mac. It's likely a missing font on your end. There are other languages with this issue as well.
Two for Windows using Chrome -> Myanmar (Burmese) and Tamazight (Central Atlas)
One for Mac using Safari or Chrome -> Tamazight (Central Atlas)
All work perfectly with IE11 and Edge on Windows ¯\_(ツ)_/¯
#9
in reply to:
↑ 7
@
9 years ago
Replying to samuelsidler:
@deconf: I'm assuming you're on Windows? This works fine on Mac. It's likely a missing font on your end.
Looks to be a Chrome issue since IE11, FF and Safari are working well on Windows.
#10
in reply to:
↑ 8
@
9 years ago
Replying to netweb:
One for Mac using Safari or Chrome -> Tamazight (Central Atlas)
And Dhivehi. But, like I said, this is a font issue.
This ticket was mentioned in Slack in #polyglots by ocean90. View the logs.
9 years ago
#12
in reply to:
↑ 5
@
9 years ago
Replying to ocean90:
- Show WordPress locale instead of the GlotPress slug
- Link contributors to the teams page
- Improve filtering: It shouldn't match button labels
meta-994.patch is an attempt to resolve these points.
This is fantastic :)