Dashboard D2 - Default cursor issue

[BartButenaers]

Hi folks,

I tried to create a pull request, to help Joe resolving one of the many dashboard D2 issues:

Switch - no clickable area

Unfortunately I am stuck with a CSS issue, which are among the worst ones for me: the default cursor for a v-switch keeps giving me a hand-shaped cursor, while the other elements result in a arrow-shaped cursor. I tried to find a way to get that default arrow-shaped cursor also on the switch. But I failed

I would really appreciate if anybody could assist me with this (see detailed info in the pull request). Because if Joe needs to figure it out for me, then I have not helped him but instead given him even some more extra work...

Thanks and enjoy your sunday!!!
Bart

[hotNipi]

Add one more class for it conditionally (name it as you like)
And a bit of CSS

.class-when-the-cursor-should-be-arrow .v-selection-control__input input{
    cursor:default;
}

[BartButenaers]

Hey @hotNipi,
Really appreciated!!

Will try to test your proposal tonight. Out of curiosity: why would it work to apply a cursor like that, while it doesn't work when I apply the same via an inline style (as mentioned in the screenshot of the pull request)?

[hotNipi]

Because the input element which is the target of the css selector is created by v-switch component. The inline styles land on outer DOM element which they then canot drive any rules for inner elements.