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

Youtube Regrets 2022 - Recommendations section #9254 #9324

Merged
merged 12 commits into from
Sep 9, 2022

Conversation

siimonevans
Copy link
Collaborator

@siimonevans siimonevans commented Sep 7, 2022

Addresses #9254

This PR adds a recommendations section (in line with the existing 2021 component with updated copy).

Screenshots
desktop
localhost_8000_en_campaigns_regrets-reporter_findings-2022_

@siimonevans siimonevans self-assigned this Sep 7, 2022
@siimonevans siimonevans requested a review from stevedya September 7, 2022 15:06
@cdanfon cdanfon requested a review from tbrlpld September 7, 2022 15:20
@cdanfon
Copy link

cdanfon commented Sep 7, 2022

I've added @tbrlpld to this PR as he's the one doing reviews from the Mozilla team

Copy link
Collaborator

@tbrlpld tbrlpld left a comment

Choose a reason for hiding this comment

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

Just optional minor nitpicks.

siimonevans and others added 4 commits September 8, 2022 16:54
…es/youtube-regrets-2022/fragments/recommendations.html


Fix whitespace.

Co-authored-by: Tibor Leupold <[email protected]>
…es/youtube-regrets-2022/fragments/recommendations.html


Fix whitespace.

Co-authored-by: Tibor Leupold <[email protected]>
…es/youtube-regrets-2022/fragments/recommendations.html


Fix whitespace.

Co-authored-by: Tibor Leupold <[email protected]>
…es/youtube-regrets-2022/fragments/recommendations.html


Fix whitespace.

Co-authored-by: Tibor Leupold <[email protected]>
@tbrlpld
Copy link
Collaborator

tbrlpld commented Sep 9, 2022

@siimonevans This has conflicts

siimonevans and others added 3 commits September 9, 2022 14:14
…dations-section

# Conflicts:
#	network-api/networkapi/wagtailpages/templates/wagtailpages/pages/youtube-regrets-2022/youtube_regrets_2022.html
Youtube Regrets 2022 - Hero carousel section #9260
@tbrlpld tbrlpld merged commit 373b584 into main Sep 9, 2022
@tbrlpld tbrlpld deleted the feature/9254-recommendations-section branch September 9, 2022 15:07
Copy link
Collaborator

@stevedya stevedya left a comment

Choose a reason for hiding this comment

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

Looks good to me, just added a few suggestions to eliminate the mathsss


@media screen and (min-width: $bp-md) {
font-size: 52px;
line-height: calc(60 / 52);
Copy link
Collaborator

Choose a reason for hiding this comment

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

This equals 1.15 too so we don't need it here haha

Suggested change
line-height: calc(60 / 52);

Copy link
Collaborator

Choose a reason for hiding this comment

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

If we do this, can we use values from the design system?


&__title {
font-size: 30px;
line-height: calc(34 / 30);
Copy link
Collaborator

Choose a reason for hiding this comment

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

My sole purpose in life is to eliminate math 🤖

Suggested change
line-height: calc(34 / 30);
line-height: 1.15;


&__recommendation {
font-size: 24px;
line-height: calc(30 / 24);
Copy link
Collaborator

Choose a reason for hiding this comment

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

Suggested change
line-height: calc(30 / 24);
line-height: 1.25;


@media screen and (min-width: $bp-md) {
font-size: 28px;
line-height: calc(30 / 28);
Copy link
Collaborator

Choose a reason for hiding this comment

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

Even though we are reusing a bunch it would be nice to remove this needless math haha

Suggested change
line-height: calc(30 / 28);
line-height: 1;

@tbrlpld
Copy link
Collaborator

tbrlpld commented Sep 9, 2022

Ups. This is already merged.

@stevedya
Copy link
Collaborator

stevedya commented Sep 9, 2022

@tbrlpld hahah oops! No big deal anyway :)

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.

4 participants