Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Language picker implemented #2294

Merged
merged 7 commits into from
Jun 29, 2019

Conversation

alexandrtovmach
Copy link
Contributor

Implemented simple language picker #806, to make better UX on the website

How it looks you can check here:
https://www.loom.com/share/9022dba48c1d42a486df212e4acabbdf

@ZYSzys
Copy link
Member

ZYSzys commented Jun 25, 2019

@alexandrtovmach Thanks, this is great!👍

A little suggestion: can we avoid always redirecting to the home page when we change the default language ?

@alexandrtovmach
Copy link
Contributor Author

@ZYSzys it's kind of "overcomplexity".

Of course, I can write this, but this website very simple, and trying to avoid scripts as much as possible, so I decided to go with the same way.

@alexandrtovmach
Copy link
Contributor Author

Copy link
Member

@ZYSzys ZYSzys left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cool, LGTM👍

@zeke
Copy link
Contributor

zeke commented Jun 26, 2019

Looking good!

Drive-by comment: is it possible to also display the English name of each language?

For example: 简体中文 (Simplified Chinese)

@alexandrtovmach
Copy link
Contributor Author

alexandrtovmach commented Jun 26, 2019

@zeke Thanks for proposition. Do you think that's good idea? I'm agreed with this comment, because when user looking for his language he don't need English version. In the same time if we'd add English name, it will make string longer.

I think optimal way is to use title attribute, to show English name on hover. For example:
image

@zeke
Copy link
Contributor

zeke commented Jun 26, 2019

use title attribute, to show English name on hover.

👍

@alexandrtovmach
Copy link
Contributor Author

@zeke added. Thanks for help

@SEWeiTung
Copy link
Contributor

@nodejs/website-redesign:This is due to a web design function, so any other ideas about that? I agree with this :)

@keywordnew
Copy link
Contributor

This is looking good to me! Thanks for the PR @alexandrtovmach 💯

@alexandrtovmach
Copy link
Contributor Author

Thanks everyone for a review 🤗.

@MaledongGit What do you think about merge?

@SEWeiTung SEWeiTung merged commit ffc4bf3 into nodejs:master Jun 29, 2019
@alexandrtovmach alexandrtovmach deleted the feature/lang-picker branch July 1, 2019 06:37
@srl295
Copy link
Member

srl295 commented Jul 5, 2019

I missed the original PR.

SEWeiTung added a commit that referenced this pull request Aug 24, 2019
Notice:

This 'rect' is invisible as a container for the language symbol
to show the tooltip in both IE and Chrome, FF,ect.

For reasons of accessibility, user agents should always make the content
of the 'title' child element to the root svg element available to users.
However, this is typically done through other means than the tooltips
used for nested SVG and graphics elements, e.g., by displaying in a browser
tab.

See more at: https://svgwg.org/svg2-draft/struct.html#TitleElement

Issues and Subjects related to this are:
1、#2294.
2、#2403.
3、#2392.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants