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

Refactor Starwars tutorial haml to be more generalizable #26289

Merged
merged 3 commits into from Dec 5, 2018

Conversation

Erin007
Copy link
Contributor

@Erin007 Erin007 commented Dec 4, 2018

On our tutorial landing pages we have 3 very similar components that are all currently using Starwars styling and selectors since they were built quickly to hit HoC deadlines:

Starwars
screen shot 2018-11-30 at 5 32 26 pm

Minecraft
screen shot 2018-11-30 at 5 33 21 pm

Dance
screen shot 2018-11-30 at 5 32 48 pm

It's also very likely that we will want to use a similar component in the future.

This PR is the first in a series to extract the skeleton of the Starwars version of the component and its stylings into a more general, reusable haml partial. This PR affects only code.org/starwars. Follow up PR will address the other 2 components and delete the styles duplication.

There should be no user impact with this refactor, and there are eyes tests on the Starwars landing page, which should catch any regressions.

English // Desktop // Before
english desktop prod

English // Desktop // After
english desktop after

English // Mobile // Before
english mobile before

English // Mobile // After
english mobile after

non-English // Desktop // Before
spanish desktop prod

non-English // Desktop // After
spanish desktop after

non-English // Mobile // Before
spanish mobile before

non-English // Mobile // After
spanish mobile after

Copy link
Contributor

@maddiedierker maddiedierker left a comment

Choose a reason for hiding this comment

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

sorry for all the nit comments! this is great clean-up 🥇

Copy link
Member

@breville breville left a comment

Choose a reason for hiding this comment

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

Great work!

@Erin007 Erin007 deleted the tutorial-promo-partial branch December 20, 2018 21:33
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.

None yet

4 participants