bcgov / bcgov/entity

UX Design - Improve horizontal and vertical table responsiveness

Open
#15,279 3 comments 0 reactions 1 assignee Claimed by @ethantspitt View on GitHub
On Hold Pay UX UX Assurance
Dominant language
JavaScript
Stars
23
Forks
62
Avg merge
24m
Merged PRs (30d)
1

Description

This issue mainly impacts the staff view of the transaction list, but thought can go into if the single account view can be adjusted as well.

When staff select lots or all of the available columns, the central view does not expand to show these columns. This results in an odd experience of scrolling horizontally back and forth to see all of the columns. Please plan how this inconvenience can be avoided. I have said without horizontal scroll bars, but I am open to any solution brought forth by the UX team.

Example showing horizontal scroll bar since many columns have been selected:
![image.png](https://images.zenhubusercontent.com/5a7391bd4b5806bc2bc54a79/44345e4c-4cc3-4693-ab79-4c43662ddd56)

and vertical table space is very narrow on bigger screens:
[Private Zenhub Image](https://api.zenhub.com/attachedFiles/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBaVh5IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--e650e228b755b8fc4d15719963dd174fadde39bd/image.png)

Scope:
Account Settings
Staff Dashboard
My business registry list (vertical)

Figma images:
https://www.figma.com/design/BRLFiH8ApQRkrQtfGcRUdn/Relationships?node-id=26522-911&t=hwzSUn93i6htVwgq-4

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.