Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: Remove deadzone when hovering example table cells #5363

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

cephalization
Copy link
Contributor

There was a deadzone on the control hovering styles caused by padding in the parent td element.
Now cell contents control their own padding, and fill available td space, so that the hover target matches the visible cell area.

Before

2024-11-14 09 43 55

After

2024-11-14 09 44 28

@dosubot dosubot bot added the size:S This PR changes 10-29 lines, ignoring generated files. label Nov 14, 2024
@cephalization cephalization changed the title fix: Remove deadzone when hover example table cells fix: Remove deadzone when hovering example table cells Nov 14, 2024
@@ -411,6 +413,8 @@ function TableBody<T>({ table }: { table: Table<T> }) {
<td
key={cell.id}
style={{
padding: 0,
height: 1,
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The cell still grows to fit, we just need some height declared so that height: 100% in the children works

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can you put a comment to that effect?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
size:S This PR changes 10-29 lines, ignoring generated files.
Projects
Status: 👍 Approved
Development

Successfully merging this pull request may close these issues.

2 participants