fix(ui): Scope table row hover radius to the last row#9170
Conversation
🦋 Changeset detectedLatest commit: 9045dae The changes in this PR will be included in the next version bump. This PR includes changesets to release 3 packages
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
📝 WalkthroughWalkthroughTable hover corner radius styling now applies only to the last table row. A patch changeset documents the styling fix for ChangesTable hover radius fix
Estimated code review effort: 1 (Trivial) | ~3 minutes Poem
🚥 Pre-merge checks | ✅ 5✅ Passed checks (5 passed)
✨ Finishing Touches📝 Generate docstrings
Comment |
API Changes Report
Summary
No API Changes DetectedAll packages have stable APIs with no detected changes. Report generated by Break Check Last ran on |
@clerk/astro
@clerk/backend
@clerk/chrome-extension
@clerk/clerk-js
@clerk/electron
@clerk/electron-passkeys
@clerk/eslint-plugin
@clerk/expo
@clerk/expo-passkeys
@clerk/express
@clerk/fastify
@clerk/hono
@clerk/localizations
@clerk/nextjs
@clerk/nuxt
@clerk/react
@clerk/react-router
@clerk/shared
@clerk/tanstack-react-start
@clerk/testing
@clerk/ui
@clerk/upgrade
@clerk/vue
commit: |
Description
Fixes a table row hover styling bug where any hovered row displayed a stray rounded bottom corner. The
tr:hoverselectors that applied$lgbottom-corner radius are now scoped totr:last-of-type:hover, so the rounded corners only appear on the last row where they tuck into the table's own border radius. Interior rows now hover with square corners.Type of change
Summary by CodeRabbit
Bug Fixes
Documentation