mozilla / bedrock

Making mozilla.org awesome, one pebble at a time

https://www.mozilla.org

Mozilla Public License 2.0

1.18k stars 919 forks source link

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

Open stephaniehobson opened 5 days ago

stephaniehobson commented 5 days ago

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
- use abosoltely positioned after to increase hit area
- https://inclusive-components.design/cards/

Issue / Bugzilla link

15481

Testing

The font size will look weird if you review this before https://github.com/mozilla/bedrock/pull/15562 merges.

stephaniehobson commented 1 hour ago

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