Row selection checkbox not highlighted V7

[icflorescu]

Discussed in #463

^{Originally posted by chrisbekas November 8, 2023}
Clicking a row selection checkbox in V7 does not highlight the checkbox background like it did in V6 (which I quite liked!).

Is there a way to have that behave like it did in V6? Thank you!

Not as straightforward to implement as it used to be in V6 because of the new Mantine styling internals.

Here's why:

To respect the Mantine theme, I'm using var(--mantine-primary-color-light) as selection highlight color on cells (s), which is a transparent shade (of blue in the default theme).

However, I have to override the selection cell () background and set it to inherit the parent row color, because if I don't, I'd end with something like this when the table is horizontally scrolled:

Which is obviously not ok.

Actually, the same issue affects the last column when using the new pinLastColumn feature.

There might be a way to fix this by adding a pseudo-element on top of it (but behind the checkbox).