Skip to content

fix(blog): use CSS-based icons for lightbox buttons#61

Merged
CalvinAllen merged 1 commit intomainfrom
fix/blog/lightbox-button-centering
Jan 29, 2026
Merged

fix(blog): use CSS-based icons for lightbox buttons#61
CalvinAllen merged 1 commit intomainfrom
fix/blog/lightbox-button-centering

Conversation

@CalvinAllen
Copy link
Collaborator

Summary

  • Replace font characters (‹ › ×) with CSS-generated shapes for lightbox buttons
  • Navigation arrows use rotated bordered squares (chevrons)
  • Close button uses two rotated lines forming an X
  • Icons now stay perfectly centered, including on hover

Test plan

  • Open lightbox on a blog post with images
  • Verify prev/next arrows are centered in their buttons
  • Verify close X is centered in its button
  • Hover over each button and confirm icons remain centered

Replace font characters with CSS-generated shapes for nav arrows and
close button. This ensures icons stay perfectly centered on hover.
@CalvinAllen CalvinAllen merged commit 0d7ea22 into main Jan 29, 2026
2 checks passed
@CalvinAllen CalvinAllen deleted the fix/blog/lightbox-button-centering branch January 29, 2026 15:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

1 participant