All users and pages: UI page review for BC Gov style standard and other recommendations
- Dominant language
- TypeScript
- Stars
- 29
- Forks
- 15
- PR merge metrics
- No merged PRs in 30d
Description
**Describe the task**
Create page by page checklist to review for BC gov style and breadcrumbs at the top of the page
**Acceptance Criteria**
This is only a cross sample
- [ ] Alignment
- Text
- [ ] Asterisk (use of, placement)
- [ ] Badge status
- colours
- [ ] Border colours
- [ ] Button
- alignment
- colour
- labels
- rollover
- red asterisks
- style
- [ ] Colours
- [ ] Field height
- [ ] Fonts
- including bold
- [ ] Headings match size and style
- [ ] Subheadings
- [ ] Icons
- [ ] Labels
- [ ] Line height
- [ ] Links, colours
- Sort feature
- [ ] Menus
- [ ] Padding
- [ ] Page layout (e.g. Student > Student Details)
- [ ] Radius (corners)
- [ ] Size
- [ ] Type Scales
**Additional context**
GDX Discovery Feedback Figma
Alignment
Dates to be on 2 lines
Note: Bottom 2 samples are displaying various browser window sizes and the date sizing will change.

Asterisk

Asterisk and clear button

Badge status
Different colours needed for different badge status

Note: In Progress, Assessment and Enrolment all have the same colour

Border: Header bottom

Border (File uploader)

Button alignment

Button and text alignment

Button labels

Button position: Changes location on the page (e.g. center, far right)

Button style

Button style 2 (Note the shape, colour etc. )

Colour: Tracker your application progress line

Heading and link colour: Welcome to StudentAid BC (re:

Heading link colour and font



Headings and subheadings to review

Headings to be more explanative (clearer terminology) and review the style of the headings

Headings to review

Headings to match style

Headings: Table

Headings: Table (another sample): See "Loan/grant type" and "Estimated award"

Header

Header

Header

Icons

Add SABC icon to show that the file is coming from SABC

Inconsistent icons

Labels

Labels: Changed or missing

Line height, padding, button roll over



Links

Link placement

Sort feature

More fonts and padding

Menus

Padding



Page layout

Page layout: More feedback

Page layout: Child page

Page layout: Support for above

Remove red asterisk on Delete buttons

Radius

Scale: And colour for currency.

Size

Type scales

FYI, Astrid still writing this one.
Contributor guide
No contributing guide indexed for this repository
Research direction
Start with the issue body and the GDX Discovery Feedback Figma, then define the page sample and review checklist scope before inspecting the listed UI concerns. Done means a complete page-by-page checklist covering the stated alignment, typography, controls, colours, layout, navigation, and icon recommendations.
Written by the indexing model from the issue text.
Assessment
- Domain
- design, documentation, frontend
- Issue type
- Documentation
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 20/100