SSWConsulting / SSWConsulting/SSW.Website

🐛 Inconsistent hover behavior for SSW People icon on homepage

Open Beginner friendly
#4,875 5 comments 2 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

YakShaver YakShaver360
Dominant language
HTML
Stars
14
Forks
10
Avg merge
13h 51m
Merged PRs (30d)
38

Description

▶️ Watch the recording

Describe the bug
On the new SSW homepage, the people section has inconsistent hover behavior for social icons. LinkedIn and X icons are white and turn red on hover, but the SSW People icon goes only slightly darker on hover, making it very hard to notice the interaction.

To Reproduce

  1. Go to the SSW homepage
  2. Navigate to the section with SSW people cards
  3. Hover over the LinkedIn icon → it turns red
  4. Hover over the X (Twitter) icon → it turns red
  5. Hover over the SSW People icon → it goes slightly darker but is inconsistent with the other two

Expected behavior
All social icons should have consistent hover behavior. The suggested improvements are:

  • Move the SSW People link from the icon to the person's name itself (making it clearer where users are going)
  • The name could be white and turn red on hover, consistent with the other social icons
  • Change the "More SSW People" button text to "All SSW People"

Screenshots/Video
See recording above.

Code references

  • People carousel component: components/blocks/v3/peopleCarousel/peopleCarousel.tsx:32-88
  • Social icons array defined at line 26-30
  • PersonCard component rendering social icons at lines 58-84

Related Issues

  • #4869 - Make homepage people cards clickable + fix console errors

cc @wicksipedia

Prototype by @calumjs

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with components/blocks/v3/peopleCarousel/peopleCarousel.tsx:32-88, especially the social icons array and PersonCard rendering, then read related issue #4869. Open the SSW homepage to compare each people-card icon and name interaction. Done means the SSW People link and “All SSW People” label follow the agreed design, with hover behavior consistent across the social links.

Written by the indexing model from the issue text.

Assessment

Tech stack
nextjs, typescript
Domain
frontend, web-dev
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
62/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.