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

Refresh: Update gallery component (Fix #15481) #15533

Merged
merged 2 commits into from
Nov 26, 2024
Merged

Refresh: Update gallery component (Fix #15481) #15533

merged 2 commits into from
Nov 26, 2024

Conversation

stephaniehobson
Copy link
Contributor

@stephaniehobson stephaniehobson commented Nov 20, 2024

One-line summary

Updates to the gallery component to match the most recent design changes.

Significant changes and points to review

  • Rename from grid to gallery
  • Add tag & tag icon
  • Add 3/4 size image
  • Add support for mobile image at a different aspect ratio
  • Add images and links where available
  • Move link from around tile to the title

Issue / Bugzilla link

#15481

Testing

The font size will look weird if you review this before #15562 merges.

@stephaniehobson stephaniehobson marked this pull request as ready for review November 25, 2024 21:55
@stephaniehobson stephaniehobson requested a review from a team as a code owner November 25, 2024 21:55
@stephaniehobson stephaniehobson added Review: XS Code review time: up to 30min Refresh 🦖 Work related to the 2024 site refresh Needs Review Awaiting code review labels Nov 25, 2024
@stephaniehobson
Copy link
Contributor Author

Updated to use the picture element. Height and width definitions can be a future improvement.

@craigcook craigcook self-assigned this Nov 26, 2024
- Add tag & tag icon
- Add 3/4 size image
- Add support for mobile image at a different aspect ratio
- Add images and links where available
- Move link from around tile to the title
  - use abosoltely positioned after to increase hit area
  - https://inclusive-components.design/cards/
Copy link
Member

@craigcook craigcook left a comment

Choose a reason for hiding this comment

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

LGTM, and nice job on the aspect ratio switcheroo.

I know this isn't complete yet and you probably already have a to-do list for stuff to finish in a second pass. A few off the top of my head:

  1. Add links for the news section.
  2. Stringify text for l10n.
  3. Should the youtube link play in a modal like we do elsewhere? Maybe a post-launch P3.

@craigcook craigcook merged commit 3ee3e04 into main Nov 26, 2024
5 checks passed
@craigcook craigcook deleted the m24-gallery branch November 26, 2024 16:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Needs Review Awaiting code review Refresh 🦖 Work related to the 2024 site refresh Review: XS Code review time: up to 30min
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants