nerubia / kh360-react

KH360 Frontend
0 stars 0 forks source link

Evaluation Form - Mobile Responsiveness #346

Open sheilaramas opened 7 months ago

chadiegilnerubia commented 7 months ago

Sample video for mobile view

https://github.com/nerubia/kh360-react/assets/148036740/854e9cc7-c0f3-4655-8033-e312a24840b7

sheilaramas commented 6 months ago

DESCRIPTION

Image

Acey06 commented 6 months ago

Issue found in Mobile view responsiveness:

  1. Evaluator card size is not fixed. If the name is long, the size will adjust.
  2. Tooltip display is not flexible.
  3. Save button behavior is confusing. Note: I tried it also in Desktop display and it's replicable Steps:

    • Input in Comment and Recommendations field
    • Clear the fields
    • Hover the Save button

    Actual: The Save button is still enabled and highlighted when in hover. Expected: The Save button should be back to disabled.

https://github.com/nerubia/kh360-react/assets/26914098/19c5d7bf-3e94-4052-b942-b5a10ecb9544

chadiegilnerubia commented 6 months ago

For item number 3 in the list (Save button behavior is confusing):

rrosel commented 6 months ago

Verified OK in Beta

https://github.com/nerubia/kh360-react/assets/54173000/800f1a03-a38d-46c2-9fd3-dd611f4b7e68