SSWConsulting / SSWConsulting/SSW.Website
🐛 Inconsistent hover behavior for SSW People icon on homepage
Nobody has claimed this yet.
- Dominant language
- HTML
- Stars
- 14
- Forks
- 10
- Avg merge
- 13h 51m
- Merged PRs (30d)
- 38
Description
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
- Go to the SSW homepage
- Navigate to the section with SSW people cards
- Hover over the LinkedIn icon → it turns red
- Hover over the X (Twitter) icon → it turns red
- 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
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- 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