Skip to content

feat: Add click-to-zoom lightbox for blog post images#6575

Merged
franciscojavierarceo merged 1 commit into
masterfrom
feat/blog-image-lightbox
Jul 1, 2026
Merged

feat: Add click-to-zoom lightbox for blog post images#6575
franciscojavierarceo merged 1 commit into
masterfrom
feat/blog-image-lightbox

Conversation

@franciscojavierarceo

Copy link
Copy Markdown
Member

Summary

  • Adds a lightweight, zero-dependency lightbox to all blog posts
  • Clicking any image opens a fullscreen overlay with the image centered on a dark backdrop
  • Close by clicking anywhere or pressing Escape
  • Adds cursor: zoom-in on blog images to signal interactivity

Changes

  • infra/website/src/pages/blog/[slug].astro: Added inline <script> for lightbox behavior and global CSS for the overlay

Test plan

  • Navigate to any blog post with images (e.g. /blog/feast-agents-mcp/)
  • Click an image — verify it opens in a fullscreen overlay
  • Click the overlay backdrop — verify it closes
  • Press Escape while overlay is open — verify it closes
  • Verify body scroll is locked while overlay is open
  • Test on mobile viewport — verify image scales correctly within 90vw/90vh

🤖 Generated with Claude Code

Clicking any image in a blog post now opens a fullscreen overlay
with the image centered on a dark backdrop. Close with click or Escape.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Francisco Javier Arceo <farceo@redhat.com>
@franciscojavierarceo franciscojavierarceo marked this pull request as ready for review July 1, 2026 21:32
@franciscojavierarceo franciscojavierarceo requested a review from a team as a code owner July 1, 2026 21:32
@franciscojavierarceo franciscojavierarceo merged commit 1cb23fd into master Jul 1, 2026
30 of 31 checks passed
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.

1 participant