Use the ListItem style for the component list (in the Selection Panel when an entity is selected)

[abey79]

This is a list with "synchronised" hover highlight just like the Blueprint and Streams UI. It should be styled the same way.

Design (ignore the fact that components are hierarchical here):

blocked by:

• Change UiVerbosity to UiLayout and tighten up related implementations #6245

[abey79]

List Item 2.0 is close to ready for this, but I'm encountering a number of issues:

• DataUi implementations makes widespread use of ui.label(...) even for UiVerbosity::Small, which is bad because it doesn't truncate by default. Instead, we should use ui.add(egui::Label::new(...).truncate(true)). Easy but annoying to fix.
• DataUi ui very often "captures" hover (e.g. when hovering over the egui label), which "unhovers" the list item itself, for a very distracting effect. ListItem deals with this by checking if the content is itself hover, and if so uses a dimmer background for a much better experience. However, DataUi doesn't return an egui::Response, so the hover information is lots. A possible fix for that would be for list item to check cursor position instead of content response. Addressed in ListItem 2.0 (part 3): PropertyContent column auto-sizing #6182
• Some DataUi implementations of UiVerbosity::Small are not compatible:
  • Rotation3D in axis/angle mode uses multiple lines
  • TensorData has wrapping text (see screenshot)
  • probably many other are problematic

[emilk]

• DataUi implementations makes widespread use of ui.label(...) even for UiVerbosity::Small, which is bad because it doesn't truncate by default. Instead, we should use ui.add(egui::Label::new(...).truncate(true)). Easy but annoying to fix.

We could make this a global setting, ui.style_mut().labels.truncate = Some(true); or whatever.
We could also add a ui.label_truncated(…) helper.

[abey79]

Yes, the global truncate setting would be really nice!

[abey79]

We could make this a global setting, ui.style_mut().labels.truncate = Some(true); or whatever. We could also add a ui.label_truncated(…) helper.

emilk/egui#4473