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

8001 Listing block adjustments #11540

Merged

Conversation

kevinhowbrook
Copy link
Contributor

@kevinhowbrook kevinhowbrook commented Dec 13, 2023

Description

This PR adds fields to the Listing block to fulfil the new mozfest design requirements:

image

Link to sample test page: http://mozfest.localhost:8000/en/landing-page-1/
Design: https://www.figma.com/file/qfVqiUyj10U1jL6Km50YIh/MozFest-2024?type=design&node-id=430-17047&mode=design&t=WjYYpgaHT9gPjN0s-4
Related PRs/issues: https://torchbox.monday.com/boards/1334760528/pulses/1342358011

Checklist

Tests

  • Is the code I'm adding covered by tests?

Changes in Models:

  • Did I update or add new fake data?
  • Did I squash my migration?
  • Are my changes backward-compatible. If not, did I schedule a deploy with the rest of the team?

Documentation:

  • Is my code documented?
  • Did I update the READMEs or wagtail documentation?

Merge Method
💡❗Remember to use squash merge when merging non-feature branches into main

@kevinhowbrook kevinhowbrook changed the title Adds category and date_meta fields to list block 8001 Listing block adjustments Dec 13, 2023
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.

I left some small questions @kevinhowbrook

Comment on lines 28 to 35
{% if card.category %}
<div class="tw-px-0"><p class="tw-h6-heading tw-text-blue-80 tw-mr-2 tw-py-2 tw-mb-0">{{ card.category }}</p></div>
{% endif %}
{% if card.date_meta %}
<div class="tw-px-2"><p class="tw-h6-heading tw-text-gray-40 tw-py-2 tw-mb-0">{{ card.date_meta }}</p></div>
{% endif %}
Copy link
Collaborator

Choose a reason for hiding this comment

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

I think the padding divs would lead to a layout issue of only the date is shown, because we have that padding.

Maybe we can simplify this by using the flex box gap property instead of using padding and wrappers?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Chris has a ticket to tidy this up because my FE is terrible

@tbrlpld
Copy link
Collaborator

tbrlpld commented Dec 13, 2023

I am also surprised to see the body content is blue in the screenshots. Where does that come from?

@kevinhowbrook kevinhowbrook mentioned this pull request Dec 13, 2023
6 tasks
@kevinhowbrook
Copy link
Contributor Author

I am also surprised to see the body content is blue in the screenshots. Where does that come from?

Yea I think it's the link wrapping behaviour if a link is set. Chris has a ticket to address this stuff

Base automatically changed from feature/9282-stats-block to integration/mozfest-2024 December 14, 2023 10:50
@kevinhowbrook kevinhowbrook force-pushed the feature/8001-listing-block-adjustments branch from 779902c to d30d371 Compare December 14, 2023 10:51
@kevinhowbrook kevinhowbrook force-pushed the feature/8001-listing-block-adjustments branch from d30d371 to 2a749a6 Compare December 14, 2023 11:05
@kevinhowbrook kevinhowbrook marked this pull request as ready for review December 14, 2023 11:05
@kevinhowbrook kevinhowbrook merged commit 0af1ee0 into integration/mozfest-2024 Dec 14, 2023
4 checks passed
@kevinhowbrook kevinhowbrook deleted the feature/8001-listing-block-adjustments branch December 14, 2023 11:21
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.

2 participants