codeforpdx / PASS

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

[Enhancement] - Stop text overflowing in Share Document modal #620

Closed andycwilliams closed 1 month ago

andycwilliams commented 2 months ago

Describe the Current Behavior/Feature:

Files with long names could get cut off inside the modal, leading to some unprofessional-looking overflow that adds an unnecessary scroll bar at the bottom.

This modal can be found in SetAclPermissionsModal.jsx

TextWrapIssue - Copy

Rationale:

It is visually unappealing and inconsistent with the formatting standards we use elsewhere. The suddenly appearance of a scroll bar also might prove irksome for users, particularly when on mobile and using swipe gestures.

For instance, we already apply this to the Upload Document modal:

2024-04-25 (2)

Proposed Changes:

Edit the Material UI component to disallow the text from overflowing.

The existing code from the Upload Document modal may be reused.