Skip to content

Add hover effect to reveal accent colors on upcoming timeline cards#619

Merged
martinyde merged 1 commit intofeature/timeline-conversion2from
feature/issue-610-upcoming-hover-colors
Jan 27, 2026
Merged

Add hover effect to reveal accent colors on upcoming timeline cards#619
martinyde merged 1 commit intofeature/timeline-conversion2from
feature/issue-610-upcoming-hover-colors

Conversation

@yepzdk
Copy link
Copy Markdown
Contributor

@yepzdk yepzdk commented Jan 27, 2026

Summary

  • Adds hover effect to upcoming timeline cards that reveals their accent colors (pink/blue)
  • Transitions smoothly from gray styling to accent color on hover
  • Includes transition support for dot, connector line, accent bar, status badge, link button, subtitle, and date wrapper
  • Respects prefers-reduced-motion by disabling transitions when reduced motion is preferred

Test plan

  • Navigate to a project with a timeline that has upcoming cards with accent colors
  • Hover over an upcoming card with accent-pink class - should reveal pink styling
  • Hover over an upcoming card with accent-blue class - should reveal blue styling
  • Verify color transitions are smooth (0.2s ease)
  • Test in both vertical and horizontal timeline views
  • Test with prefers-reduced-motion: reduce enabled in browser/OS settings

Fixes #610

🤖 Generated with Claude Code

Upcoming cards now reveal their pink or blue accent colors on hover,
transitioning smoothly from the default gray styling.

Fixes #610

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@yepzdk
Copy link
Copy Markdown
Contributor Author

yepzdk commented Jan 27, 2026

It should not only work on accents colors. We need it for the green cards also (Hearing, Dialog etc.)

@martinyde martinyde merged commit edae3d2 into feature/timeline-conversion2 Jan 27, 2026
21 checks passed
@martinyde martinyde deleted the feature/issue-610-upcoming-hover-colors branch January 27, 2026 11:15
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.

2 participants