Skip to content

fix(leaderboard): remove hover border-radius from list items#18272

Merged
wackerow merged 2 commits into
devfrom
fix/leaderboard-hover-border-radius
May 26, 2026
Merged

fix(leaderboard): remove hover border-radius from list items#18272
wackerow merged 2 commits into
devfrom
fix/leaderboard-hover-border-radius

Conversation

@nloureiro
Copy link
Copy Markdown
Contributor

@nloureiro nloureiro commented May 25, 2026

Summary

  • Removes hover:rounded-lg from the LinkBox inside Leaderboard list items
  • The list container has no border-radius, so rounding individual items on hover produced orphaned rounded corners that looked incorrect — visible on the hero leaderboard and both full leaderboards on /bug-bounty

Root cause

Leaderboard.tsx had hover:rounded-lg on each row's LinkBox. Since the surrounding List is straight-edged (no border-radius), the per-item rounding clipped visually against the container edges on hover.

https://deploy-preview-18272.ethereum.it/bug-bounty

Related

Closes #18271

hover:rounded-lg on individual items inside a straight-edged list
produces orphaned rounded corners that look incorrect on hover.

Closes #18271
@netlify
Copy link
Copy Markdown

netlify Bot commented May 25, 2026

Deploy Preview for ethereumorg ready!

Name Link
🔨 Latest commit 9397f03
🔍 Latest deploy log https://app.netlify.com/projects/ethereumorg/deploys/6a15cd3671db4d0008544d82
😎 Deploy Preview https://deploy-preview-18272.ethereum.it
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
7 paths audited
Performance: 71 (🟢 up 6 from production)
Accessibility: 96 (no change from production)
Best Practices: 100 (no change from production)
SEO: 98 (🔴 down 1 from production)
PWA: 59 (no change from production)
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify project configuration.

@nloureiro nloureiro marked this pull request as draft May 25, 2026 11:07
@nloureiro nloureiro self-assigned this May 25, 2026
@nloureiro nloureiro added bug 🐛 Something isn't working ui design 💅 This issue needs UI design labels May 25, 2026
@nloureiro nloureiro marked this pull request as ready for review May 25, 2026 11:09
@wackerow wackerow merged commit 93e3340 into dev May 26, 2026
14 of 15 checks passed
@wackerow wackerow deleted the fix/leaderboard-hover-border-radius branch May 26, 2026 16:41
@pettinarip pettinarip mentioned this pull request May 28, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

bug 🐛 Something isn't working ui design 💅 This issue needs UI design

Projects

None yet

Development

Successfully merging this pull request may close these issues.

on hover remove the border radius

2 participants