Skip to content

Match the tag page row hover to the rest of the site - #234

Merged
ryanportfolio merged 2 commits into
mainfrom
claude/hover-effect-styling-b11c35
Aug 7, 2026
Merged

Match the tag page row hover to the rest of the site#234
ryanportfolio merged 2 commits into
mainfrom
claude/hover-effect-styling-b11c35

Conversation

@ryanportfolio

Copy link
Copy Markdown
Owner

The tag pages had their own flat hover: a hard-edged blue rectangle that ran the full width of the row. Every other shelf row on the site (track pages, homepage tracks) uses the feathered treatment instead.

This ports that treatment onto the tag page shelf rows, matching src/pages/tracks/[slug].astro line for line:

  • wash gradient that fades out at the left and right edges instead of stopping in a rectangle
  • dashed accent line that draws itself along the row divider
  • the star that ignites next to the guide number
  • title underline that grows in, plus the accent glow on title and meta

Same markup, same class names, so nothing else changed. Build passes; browser check was declined, so the hover was not visually confirmed in a running preview.

ryanportfolio and others added 2 commits August 6, 2026 20:22
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
@ryanportfolio
ryanportfolio merged commit 0441fa6 into main Aug 7, 2026
3 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