Experiment in GUI Styling

[jdunkerley]

Pull Request Description

• Invert the colours of selected components.
• Only show the halo for hovering over components.
• Only show the halo on the top half of a component.
• Show the visual cues for editing vectors and dropdowns when selecting a single component.
• Vector editor to always show grab handle and also add a delete button.
• Higher contrast for text / numeric input widgets to make them more prominent when editing.
• Slight opacity in the visualization panel if not selected, so you can see things behind this.
• The colour of the edges is from the source, not the target.
• Edges going into components end as arrows.
• When adding a new component, an arrow should point at the new component (not a connected line).

Not Implemented:

• Red highlight on parameters when a missing value error.
• Drop down indicator next to viz selector should be a lot clearer.
• Right click to open the menu,
• Copy component(s) in the menu.
• If a default value Numeric/Text widget should be italic not bold.
• Connections from the selected nodes should be in the lighter node.
• @AdRiley to give a halo design.
• Default cursor on the icon.

To Prototype:

• Remove halo.
• Components are read-only if not selected
• Allowing moving around without a halo, by clicking anywhere in the node.
• Potentially later ability to enable widgets by holding down a key.

Checklist

Please ensure that the following checklist has been satisfied before submitting the PR:

• The documentation has been updated, if necessary.
• Screenshots/screencasts have been attached, if there are any visual changes. For interactive or animated visual changes, a screencast is preferred.
• All code follows the
  Scala,
  Java,
  TypeScript,
  and
  Rust
  style guides. In case you are using a language not listed above, follow the Rust style guide.
• Unit tests have been written where possible.
• If meaningful changes were made to logic or tests affecting Enso Cloud integration in the libraries,
  or the Snowflake database integration, a run of the Extra Tests has been scheduled.
  • If applicable, it is suggested to paste a link to a successful run of the Extra Tests.