-
Notifications
You must be signed in to change notification settings - Fork 153
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
8001 Listing block adjustments #11540
Conversation
There was a problem hiding this 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
network-api/networkapi/wagtailpages/pagemodels/customblocks/listing.py
Outdated
Show resolved
Hide resolved
network-api/networkapi/wagtailpages/templates/wagtailpages/blocks/listing_block.html
Outdated
Show resolved
Hide resolved
{% 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 %} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think the padding div
s 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?
There was a problem hiding this comment.
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
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 |
779902c
to
d30d371
Compare
d30d371
to
2a749a6
Compare
Description
This PR adds fields to the Listing block to fulfil the new mozfest design requirements:
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
Changes in Models:
Documentation:
Merge Method
💡❗Remember to use squash merge when merging non-feature branches into
main