Skip to content

MiniTable.RemoveCell hover target is a few pixels too small #2669

@david-crespo

Description

@david-crespo

On #2666, I noticed you can get a few pixels into the RemoveCell without triggering the hover. It's a pain to fix.

Screenshot 2025-01-28 at 3 11 32 PM

2025-01-28-minitable-button-hover.mp4

The relevant CSS:

& td:last-child > div {
@apply w-12 justify-center pl-0 pr-0;
}
& td:last-child > div > button {
@apply -mx-3 -my-3 flex items-center justify-center px-3 py-3;
}
& td:last-child > div:has(button:hover, button:focus) {
@apply bg-accent-secondary-hover;
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions