Fix highlighting on history panel

[scuml]

#djDebug .djdt-panelContent tbody > tr:nth-child(odd) is overriding #djDebug .djdt-highlighted on the history panel so every odd row will not take on a highlighted appearance.

[tim-schilling]

Thanks for the PR!

I'm not a fan of using !important we should be able to design our css in a way that avoids that since it's pretty small. Can you give us the scenario that produces the effect this fixes?

And as a side note, the commit message here should contain the description you used in the PR. That description provides a fair amount of context of why the change was made and would be beneficial in our git history.

[scuml]

Yeah - not a fan of !important myself, but thought this might be a good use of it. Check out the history panel - every odd row for me does not highlight when switch is pressed.

[scuml]

It looks like our options are !important or the awkward...

#djDebug .djdt-highlighted, #djDebug .djdt-panelContent .djdt-highlighted:nth-child(odd){
    background-color: lightgrey;
}

[tim-schilling]

Hmm. Yeah, I'm not sure. It's not terrible with a linebreak:

#djDebug .djdt-highlighted,
#djDebug .djdt-panelContent .djdt-highlighted:nth-child(odd){
    background-color: lightgrey;
}

Another option is to use the :not() operator, #djDebug .djdt-panelContent tbody > tr:nth-child(odd):not(.djdt-highlighted)

[scuml]

Good thought on :not() - that seems more sensible.

[tim-schilling]

Thank you for the PR! This is a nice fix to have.