codeforpdx / PASS

PASS project - with HMIS module integration
MIT License
24 stars 23 forks source link

[Enhancement] - Make "Continue session?" popup and Upload Document modal more responsive #621

Closed andycwilliams closed 1 month ago

andycwilliams commented 2 months ago

Describe the Current Behavior/Feature:

After a period of inactivity, the user is prompted with a "Continue session?" popup. However, it is not optimized for mobile views. Namely, the buttons should be arranged vertically rather than horizontally on small screens.

2024-04-25 (15)

The same is true for the Upload Document modal.

2024-04-26 (16)

Rationale:

By not being more responsive, we make the UI visually crammed as well as inconsistent with our theming elsewhere. For example, see the New Message modal:

2024-04-25 (11)

Proposed Changes:

Using Material UI, refactor the buttons to match styling in other modals (aka negative action on top, positive action on bottom). In this case, the Log Out button should appear above the Continue button.

In the case of the Upload Document modal, the Cancel and Upload buttons are properly arranged, yet the Choose File and Use Webcam ones are not.

richestrinh commented 2 months ago

I'll give this a try :)

andycwilliams commented 1 month ago

I'll give this a try :)

Thanks for your interest!

This issue will likely now be resolved by #632. Apologies if you've already put in a lot of time into this.