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

Add language selection page (Fixes #5827) #6397

Merged
merged 2 commits into from
Nov 8, 2018

Conversation

alexgibson
Copy link
Member

@alexgibson alexgibson commented Nov 2, 2018

Description

  • Adds a v1 language selection page at /locales/.
  • List of locales is hard-coded and based on the currently active locales for the www.mozilla.org home page.
  • This page will be linked to from the footer. There's a Protocol PR here to enable that. This doesn't need to block reviewing & merging this page though.

Note: will file an issue to research automation for this list post-launch.

Issue / Bugzilla link

#5827

Testing

Demo: https://bedrock-demo-agibson.oregon-b.moz.works/locales/

  • Sanity check that locales seem to be in the correct geographical groups?

@alexgibson alexgibson added Do Not Merge ⚠️ P2 Second level priority - Should have Review: S Code review time: 30 mins to 1 hour labels Nov 2, 2018
@media #{$mq-sm} {
ul {
@include grid-gap($spacing-lg $spacing-xl);
display: grid;
Copy link
Member Author

Choose a reason for hiding this comment

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

Note for reviewer: as this page is so simple, I decided not to include a float/flex based fallback for browsers that don't support grid. Older browsers will just get a simple vertical list. I figured that this page is mainly for robots, so shouldn't matter too much. Happy to add a fallback if folks disagree, or we could update this page later to use the upcoming Protocol grid mixins.

Copy link
Contributor

Choose a reason for hiding this comment

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

👍

@alexgibson alexgibson requested a review from rraue November 2, 2018 11:14
Copy link
Contributor

@rraue rraue left a comment

Choose a reason for hiding this comment

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

I checked all languages for sanity and that the locale homepage is online and all looks good

@alexgibson
Copy link
Member Author

Ok, I'm going to say this is now ready for code review, removing the dnm label.

Copy link
Contributor

@stephaniehobson stephaniehobson left a comment

Choose a reason for hiding this comment

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

I agree that it's okay to just give a list to browsers that don't support grid. Good simplification. 💯

There's a couple language specific HTML tags and attributes to add here but it's looking good.

<section class="c-block-list">
<h2 class="c-block-list-title">America</h2>
<ul>
<li><a href="/cak/">Maya Kaqchikel</a></li>
Copy link
Contributor

Choose a reason for hiding this comment

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

Each language should have a lang attribute associated with it, you can put it on the <li> or the <a>.

Copy link
Contributor

Choose a reason for hiding this comment

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

<li lang="en-CA">

Copy link
Member Author

Choose a reason for hiding this comment

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

Great suggestion, will do!

@media #{$mq-sm} {
ul {
@include grid-gap($spacing-lg $spacing-xl);
display: grid;
Copy link
Contributor

Choose a reason for hiding this comment

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

👍

@stephaniehobson stephaniehobson self-assigned this Nov 7, 2018
@alexgibson
Copy link
Member Author

Thanks @stephaniehobson updated

@stephaniehobson stephaniehobson merged commit 9fe67ad into mozilla:master Nov 8, 2018
@stephaniehobson
Copy link
Contributor

R+ 🌎

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
P2 Second level priority - Should have Review: S Code review time: 30 mins to 1 hour
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants