Skip to content

Community event modal: fix banner overlap, add YouTube embeds - #11

Merged
djoufson merged 3 commits into
mainfrom
add-youtube-iframe-for-infinite-days
Jun 8, 2026
Merged

Community event modal: fix banner overlap, add YouTube embeds#11
djoufson merged 3 commits into
mainfrom
add-youtube-iframe-for-infinite-days

Conversation

@djoufson

@djoufson djoufson commented Jun 8, 2026

Copy link
Copy Markdown
Owner

Summary

  • Fix the community event detail modal where the banner image could overlap the description/highlights when content scrolled — by moving the image inside the existing space-y-6 wrapper so it is no longer a direct child of DialogContent's grid layout.
  • Add an optional videos?: string[] field to Event and render a new "Videos" section in the modal between Links and Gallery. URLs are normalized to youtube-nocookie.com/embed/<id> and rendered as responsive, lazy-loaded, fullscreen-enabled iframes.
  • Wire up the Infinite Days 2023 talk recording.
  • Add the Community.dialog.videos translation in en/fr.

Test plan

  • Open /community, click any event card without videos — the modal renders with no Videos section and content/banner do not overlap when scrolling.
  • Open the Infinite Days 2023 event — the Videos section renders with a playable YouTube iframe, content does not overlap the banner.
  • Switch to /fr/community and confirm the section heading shows "Vidéos".
  • Try adding a watch?v=, youtu.be/, and /shorts/ URL locally and confirm each embeds correctly.

🤖 Generated with Claude Code

djoufson and others added 3 commits June 9, 2026 00:17
Move the banner image inside the existing space-y-6 wrapper so it is
no longer a direct child of DialogContent's grid. In the grid context,
the aspect-video container could collapse, letting the absolutely
positioned Image fill overlap the description and highlights when the
modal scrolled.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Adds an optional videos field on Event that accepts YouTube URLs in
several formats (watch?v=, youtu.be, /shorts, /embed). The dialog
renders each as a lazy-loaded, fullscreen-enabled nocookie iframe in
its own Videos section, between Links and Gallery. Wires up the
Infinite Days 2023 talk recording.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@djoufson
djoufson merged commit e526801 into main Jun 8, 2026
1 check 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