WU-BIMAC / MicroMetaApp-React

This is the React implementation of Micro-Meta App, Microscopy Metadata for the real world!
https://wu-bimac.github.io/MicroMetaApp.github.io/
GNU General Public License v3.0
6 stars 1 forks source link

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

Open strambc opened 2 years ago

strambc commented 2 years ago

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)

strambc commented 2 years ago

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.