bcgov / bcparks-ar-api

BCParks Attendance and Revenue Backend.
Apache License 2.0
2 stars 11 forks source link

A&R UI Refinement - home, global #238

Open kgorana opened 1 year ago

kgorana commented 1 year ago

Description

Changes for the A&R system homepage and global components.

Numbers below refer to attached screen grabs. Check those out for more details.

Acceptance Criteria:

  1. home page

    • Typo: entries
    • Capitalization: should be > Export Reports
    • Capitalization: should be > Exporting tools (note: yes, the above is correct. Card titles should be capitalized, whereas the section titles don’t need to be)

      image

  2. main nav

    • Change text colour to primary blue #003366 on hover
    • Don’t change text colour to Yellow on selected state (note. colours and behaviour should be the same as DUP if you need a visual reference)

      • Done - Review BC Style guide to ensure we’re in compliance with standards - see note in comments

      image

  3. search date picker

    • Show selected date written out in this format: Month YYYY (e.g., March 2016)

      image

  4. ~search park - 3~

    • ~Park list should be in alphabetical order~

      image

  5. search

    • Include calendar icon in date picker field
    • Change default text in park search field > Select or type park name
    • Remove final ’s’ from Sub-areas field label > Sub-area
    • Change colours on inactive fields (as per attached screen shot)
    • Ensure that default text / grey background is always shown when no sub-area is selected

      image

  6. search default

    • Typo: entries

      image

  7. ~Breadcrumb nav~

    • ~Remove the word “form” from breadcrumb for each form. Breadcrumb should just be the name of the form (e.g., Home / Enter Data / Boating Form)~
  8. ~Export column names~

    • ~make sure columns names in the exported report match the fields in the corresponding form~
kgorana commented 1 year ago

Jane Mountain September 6, 2022 at 4:37 PM

There are many ways in which DUP admin and A&R admin don’t follow the BC gov standards. E.g., side navigation with yellow highlights etc is not how the navigation bar is defined in the standards DevHub .

However, the request to change the text hover colour is to meet the accessibility standard of minimum 7:1 colour contrast ratio.