Skip to content

Language picker implemented - #2294

Merged
7 commits merged into
nodejs:masterfrom
alexandrtovmach:feature/lang-picker
Jun 29, 2019
Merged

Language picker implemented#2294
7 commits merged into
nodejs:masterfrom
alexandrtovmach:feature/lang-picker

Conversation

@alexandrtovmach

Copy link
Copy Markdown
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

ZYSzys commented Jun 25, 2019

Copy link
Copy Markdown
Member

@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
Copy Markdown
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
Copy Markdown
Contributor Author

@ZYSzys ZYSzys left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Cool, LGTM👍

@zeke

zeke commented Jun 26, 2019

Copy link
Copy Markdown
Contributor

Looking good!

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

For example: 简体中文 (Simplified Chinese)

@alexandrtovmach

alexandrtovmach commented Jun 26, 2019

Copy link
Copy Markdown
Contributor Author

@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

zeke commented Jun 26, 2019

Copy link
Copy Markdown
Contributor

use title attribute, to show English name on hover.

👍

@alexandrtovmach

Copy link
Copy Markdown
Contributor Author

@zeke added. Thanks for help

@ghost

ghost commented Jun 27, 2019

Copy link
Copy Markdown

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

@keywordnew

Copy link
Copy Markdown
Contributor

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

@alexandrtovmach

Copy link
Copy Markdown
Contributor Author

Thanks everyone for a review 🤗.

@MaledongGit What do you think about merge?

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

srl295 commented Jul 5, 2019

Copy link
Copy Markdown
Member

I missed the original PR.

@ghost ghost mentioned this pull request Aug 23, 2019
ghost pushed 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.
This pull request was closed.
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.

5 participants