Skip to content

Conversation

Mahimahto
Copy link
Collaborator

@Mahimahto Mahimahto commented Aug 8, 2025

Fixes #817


Issue Description

On the Crowdsource Contributions page, when hovering over a table row where the "Meaning" column text spans multiple lines, the background hover effect loses its proper right-side border radius—the corners look squared and visually inconsistent.

Fix Implemented

  • Moved hover background styles from inner to the element for full cell coverage.
  • Applied group-hover:bg-slate-200 and sm:rounded-r-xl directly on <td> .
  • Tested with single-line and multi-line "Meaning" text to confirm consistent rounded corners.
    text wrapped.
  • Verified behavior with both single-line and multi-line "Meaning" texts to ensure consistent rounded corners in all cases.

Screenshot :

Screenshot from 2025-08-08 12-17-34

@Mahimahto Mahimahto requested a review from maanasb01 August 8, 2025 06:58
@github-actions github-actions bot added the stale label Sep 8, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Border radius issue on hover for multiline Meaning column (Crowdsource Contributions)
1 participant