Description
Improved User Experience for Small Screens
- Improve responsive desing for breadcrumbs, menus, and list for smaller screen sizes.
- When the screen is narrower than the navbar buttons' total width, they now wrap into multiple rows to remain accessible.
- In the new UI version, the horizontal scroll of the list now includes titles, and labels no longer overlap when space is limited.
Related Issues
Issue was described here.
Related Pull Requests
Needs this PR merged from UI
Checklist
- Changes have been tested locally.
- Unit tests have been written or updated as necessary.
- The code adheres to the repository's coding standards.
- Relevant documentation has been added or updated.
- No new warnings or errors have been introduced.
- SonarCloud issues have been reviewed and addressed.
- QA Passed
How Has This Been Tested?
Tested locally simulating small screens