TYPO3 Core

+1

I did it, looks lovely. Good idea.

Unfortunately IE doesn't know the hover state on tr elements, so it doesn't work there.
We would need this JS on every table row to make it work in IE:

-- snip --
<tr onMouseOver="this.setAttribute('class', 'navFrameHL')" onMouseOut="this.setAttribute('class', 'navFrameHL')" >
[...]
</tr>
-- snip --

But afaik this needs some deeper change, the class is inherited from t3lib_treeview, needs some override, don't know where, maybe this could even be done in the base class...

@Sebastian Kurfuerst: Could you look into this?

i wouldn't care too much about IE, since it's just a cosmetic BE issue!

Yes, that's also the opinion of the design team in general, so I think there is no problem in integrating it (I actually did so in my actual dev version...) .

But I would like to make this as complete as possible, making this javascript hack for IE seems right to me...

IMHO its not a 'cosmetic' question but a question of usability.
I use firefox in general, but most of our customers use IE, and sorry, but we are not in the position to tell a customer like the Telekom Austria that they have to use firefox now, if they want that usability issue to be solved!
But the hover effect isn't that necessary, the highlighting of the active row is much more important! It even has to work on ie!

Alternative hover which works even on ie:
table#typo3-tree tr td a:hover {
color: #FF0000;
}

Would be enough for usability. ;)

ps: ie knows pseudo classes in general (hover, active, visited, link) only on a '<a>' tag.

Or add a hover behaviour for IE, see:
http://www.xs4all.nl/~peterned/csshover.html

Can we close this? With the ExtJS tree usability of the tree handling will be rethought.

I count this as fixed.