How can I force pseudo state in UI Toolkit Debbuger?

Unity Engine
, , , , ,
1

Hello,

I want to customize USS style of Unity native component (like MultiColumnListView) and I don’t know exactly which selector I must override for the hover pseudo state. So I want to force an element in the UI Toolkit debbuger to be hovered without passing my mouse on, and then check the selectors in the debugger.

But I don’t understand how to do that. In Web Browsers inspectors I can do that by manually checking which states I want to apply.
image

E.g. I have my list view which the second row is currently hover and the following selector is not applied.

.unity-collection-view__item--alternative-background:hover {
    background-color: black;
}

image

2

Hi @DarkRewar,

Using the debugger and looking for the existing class on the row of the MultiColumnListView, I was able to override the hover color with the following selector:

.unity-collection-view__item--alternative-background {
    background-color: red;
}

.unity-multi-column-view__row-container:hover {
    background-color: rgb(255,255, 0);
}

.unity-collection-view__item--alternative-background:hover {
    background-color: rgb(0,255, 255);
}

I was not able to select the hover state in the debugger without really hovering with the mouse on the row in the game view.

You can see the hovered line is yellow or cyan for the alternating lines.

image
image719×189 8.89 KB

image
image720×184 8.81 KB

My stylesheet was added to the uxml where the MultiColumnListView is defined.
image

I’m wondering why it does not work on your side though…

I hope this helps.

3

I found which exact classname I must use to override the default hover one. But it was tricky:

  • I played the scene where my view is ;
  • I open the UI Tookit Debbuger ;
  • I hover my element ;
  • I shortcut the pause (Ctrl Shift P on my computer) ;
  • And then I look the element hovered on my debbuger.

This would be much simpler to open the debbuger and then have the pseudo-state attribute to be a dropdown and allow us to select which states we want to apply