Tracking issue: Improve Figma → Implementation accuracy

[martenbjork]

The implementation is currently quite far off from the designs in Figma. Getting the implementation closer to Figma will make the product look better, and help us better gauge where the design is missing. 🚀

Tasks

• [x] #2724
• [x] #2728
• [x] #2729
• [x] #2731
• [x] #2732
• [x] #2733
• [ ] #2734
• [ ] #2735
• [ ] #2736
• [x] #2737
• [x] #2738
• [x] #2856
• [ ] #2857
• [x] #2861
• [x] #2862
• [ ] #2865

Blueprint tree overhaul (to be pooled with new design)

• [x] #2855
• [ ] #2858
• [ ] #2859

Remove expansion animation effect:

• [x] #2726
• [x] #2727
• [x] #2730

From #2780:

• [x] https://github.com/rerun-io/rerun/issues/2709
• [ ] https://github.com/rerun-io/rerun/issues/2701

Deferred to future, bigger, encompassing redesigns:

• [x] #2860

[jleibs]

If any of these are too difficult or require significant upstream changes to egui, then potentially push changes back into figma.

[martenbjork]

Agreed! Let's find a cost-benefit middle ground if needed.

[abey79]

Demo site as of just prior to starting on these issues: https://demo.rerun.io/pr/2781/examples/structure_from_motion/

Handy to have around for comparison (e.g. #2796 made #2728 somewhat worse).

[abey79]

We just had a technical/tactical discussion with @Wumpf on many of these issues:

• In several cases, we need to create custom widget wrappers. This could be done using this pattern: ReUi(ui).checkbox(...), enabling relatively easy migration of the existing code. At first sight, these widgets are involved:
  • checkboxes (to suppress the expansion animation)
  • a variation of checkboxes (to build nice drop-down menus as per #2734)
  • probably anything that has a triangle in it, so they look nice and identical (#2738)
• It would be great to add per-widget-type overrides to egui's visuals (implemented as Option). TBD with @emilk.
• Short term, I'll focus on easy (for real...) issues and start rolling in custom widgets to address the more complicated ones.