Design improvements for static objects and arrows
Background
Currently, the selection and manipulation UI for static shapes (ellipses, rectangles, lines), arrows, text and images in Ketcher is inconsistent.
1. Selection Highlight
Issue:
For elliptical arrows, the entire bounding rectangle is highlighted in green when selected, rather than just the arrow itself.
Request:
Update the selection highlight so that only the actual shape is visually emphasized with a colored glow.
2. Selection Handles
Multiple inconsistencies exist across different object types:
- For ellipses, the selection handles (black dots) are positioned on the bounding rectangle, not on the actual ellipse
- Multi-tailed arrow tools lack selection handles entirely when selected
- Text boxes do not display selection handles when selected
- Images use hollow circles for selection handles
- For arrows, the current solid black selection handles overlap with the arrow itself, making the selection unclear.
Request:
Update the handle icon so it does not interfere with or cover the shape itself and ensure all selection handles use a consistent visual style across all object types.
Design improvements for static objects and arrows
Background
Currently, the selection and manipulation UI for static shapes (ellipses, rectangles, lines), arrows, text and images in Ketcher is inconsistent.
1. Selection Highlight
Issue:
For elliptical arrows, the entire bounding rectangle is highlighted in green when selected, rather than just the arrow itself.
Request:
Update the selection highlight so that only the actual shape is visually emphasized with a colored glow.
2. Selection Handles
Multiple inconsistencies exist across different object types:
Request:
Update the handle icon so it does not interfere with or cover the shape itself and ensure all selection handles use a consistent visual style across all object types.