ChildMindInstitute / mindlogger-web

MindLogger web application (counterpart to mobile apps)
Other
4 stars 3 forks source link

Website tooltip issues #133

Closed natalia-muzyka closed 3 years ago

natalia-muzyka commented 3 years ago

1) There is no tooltip icon near the response option with tooltip. Desktop: Tooltip is shown only after hovering the response option. Mobile devices: Tooltip is shown only after tapping on the response option image. Video: https://www.screencast.com/t/HbTTg2kfd3 Win 10 // Chrome 93.0.4577.63 iPhone SE // iOS 14.2 Samsung S7 // Android 8.0

2) [Mobile device][Portrait] The tooltip is trimmed on the small screen Screenshot: https://www.screencast.com/t/EF9mcVln iPhone SE // iOS 14.2 Samsung S7 // Android 8.0

Environment: https://web-staging.mindlogger.org/ maddison_ml@protonmail.com // qwertyuio applet: webapp test (1) activity: radio, checkbox Applet password: Qwe123!!!

jj105 commented 3 years ago

I guess we were having deployment issue on web-staging when you were checking It works fine on current version of web-staging

2.png 1.png

natalia-muzyka commented 3 years ago

Verified as fixed.

1 video: https://www.screencast.com/t/v9gAvBGIW

2 screenshot: https://www.screencast.com/t/RMNpWprAX

@jj105 new UI(low) issue:

3 On the Win 10 // Chrome 93.0.4577.63 the tooltip icon circle isn't rounded. On mobile device it is displayed with correct ratio (in the circle)

https://www.screencast.com/t/XEEYsd30l

jj105 commented 3 years ago

Hmm, it shows me as correct ratio on win 10 // Chrome 93.0.4577.63

image.png

natalia-muzyka commented 3 years ago

@jj105 yes, looks as expected now for me as well: https://www.screencast.com/t/b9wdV9QfM

natalia-muzyka commented 3 years ago

@jj105 I found when the tooltip is displayed on the desktop incorrectly: it happens only if the response option has more than one row: image.png

could you check, please, on this account and activity?: maddison_ml@protonmail.com // qwertyuio applet: webapp test (1) activity: multiple

natalia-muzyka commented 3 years ago

Verified as fixed image.png

Environment: https://web-staging.mindlogger.org/ Win 10 // Chrome 93.0.4577.82 geria2.test@gmail.com McgzF127 applet: webapp test activity: multiple