bcgov / bcgov/entity

Step 2 People and Roles IA - UX Enhancements

Open
#8,714 3 comments 0 reactions 0 assignees View on GitHub
ENTITY - DO NOT USE UX Assurance
Dominant language
JavaScript
Stars
23
Forks
62
Avg merge
24m
Merged PRs (30d)
1

Description

- [ ] 1) Bug - Red error bar is showing up after adding the CP/Person in Step 2 even though everything is filled out and vertical validation bars have not yet been triggered by visiting Review and Confirm page. Red bar should only appear when a user goes to Review and Confirm and Step 2 is unfinished, then when they return to Step 2, the red bar should appear.

![Screen Shot 2021-08-24 at 2.54.22 PM.png](https://images.zenhubusercontent.com/5e1cd2cd5d67f0528e482520/48a63e62-e2ea-41f5-b957-dd1f0384d6d3)

- [ ] 2) Long names should wrap onto two lines versus using trucation with the blue/gray tooltip (multiple lines of text should align to the left edge of the top line of text)

![Screen Shot 2021-08-24 at 2.55.49 PM.png](https://images.zenhubusercontent.com/5e1cd2cd5d67f0528e482520/84a552ad-7ab1-419e-b40d-f4e01ab4f123)

- [ ] 3) Vertical component validation red bar - If user starts to add a CP or other person and doesn't click the "Done" or Cancel button to close it, then goes to Review and Certify, then returns to Step 2 to see what they need to finish, I expected the vertical red bar to appear on the open/unfinished component (like it does on Step 1)

![Screen Shot 2021-08-25 at 9 34 09 AM](https://user-images.githubusercontent.com/2207887/130830124-3c8c7470-248f-485f-85d2-d0eca80e20a6.png)

- [ ] 4) Please update style for the Remove dropdown as per comps (1669BB blue icon, 14px blue "Remove" text) Design Comp: https://projects.invisionapp.com/share/M41114FJQB3J#/screens/457141885

![Screen Shot 2021-08-24 at 1.49.37 PM.png](https://images.zenhubusercontent.com/5e1cd2cd5d67f0528e482520/894fd847-ccde-473f-9011-57f62fd6821f)

- [ ] 5) Add PO Box hint to Delivery Addresses in Coops only as per this design comp:

![Screen Shot 2021-08-25 at 9 24 46 AM](https://user-images.githubusercontent.com/2207887/130829317-5545a837-099b-40c6-a043-3ca4c0b2f765.png)

Contributor guide

No contributing guide indexed for this repository

Research direction

Start at the Step 2 People and Roles entry point in the frontend and compare the five checklist items with the linked screenshots and design comp. Trace the validation state through Review and Confirm, then inspect the name, Remove dropdown, and Delivery Addresses UI. Done means all five behaviors and styles match the issue, including the co-op-only PO Box hint.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
design, frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.