Custom 'not-allowed' cursor + Green Hover (Unavailability Flow) - Githubissues

cds-snc / ircc-rescheduler

🙅🗓

https://vancouver.rescheduler-dev.cds-snc.ca/

MIT License

24 stars 7 forks source link

Custom 'not-allowed' cursor + Green Hover (Unavailability Flow) #461

Closed nmakuch closed 6 years ago

nmakuch commented 6 years ago

This PR consists of:

1) Custom 'not-allowed' cursor:

Updated project to have a custom cursor when in Chrome or Firefox (we felt the default 'not-allowed' cursor on these browsers was not providing enough contrast for users to notice it)

Before	After

2) Green Hover on selectable dates:

The grey that was being used for the selectable dates hover was too close to the colour being used for the disabled dates (on low quality screens and projectors, these colours look almost identical). We have switched this to be a light shade of green (40% less opacity than theme.colour.green)

Before	After

Color meets WCAG AA + AAA guidelines for contrast

screen shot 2018-09-19 at 12 10 51

pcraig3 commented 6 years ago

Gonna merge this to unblock later PRs.