WU-BIMAC/MicroMetaApp-React

[NEW FEATURE] MANAGE INSTRUMENT/SETTINGS --> difficult to see set of three "drag", validate circle, "delete" icons

Opened this issue · 1 comments

Is your feature request related to a problem? Please describe.
The set of three "drag", validate circle, "delete" icons associated with components icons are barely visible when App is Zoomed out.

Screen shot 1
image

SOLUTION 1
Roland Nitschke proposed the following solution:
When selecting a component (e.g., Objective) and dragging it onto the canvas, propose to automatically ZOOM IN THE RELEVANT AREA OF THE CANVAS

SOLUTION 2
Change the color of "drag" and "delete" icons to make them more visible against white bkg.

SOLUTION 3
Change the size of "drag" and "delete" icons to make them more visible against white bkg.

Additional context
This was raised strongly by users at 2021-11-17 MMA focus group meeting (https://www.dropbox.com/s/mlym1xn77t5q74n/2021-11-17_MMA%20GUI%20usability%20feedback_zoom_0.mp4?dl=0)

This was partially addressed when we increased the size of all icons on top of each image when we implemented the Cut and Paste solution.
The issue is ameliorated but not solved.