Skip to content
This repository has been archived by the owner on May 7, 2021. It is now read-only.

tweak skiplink style #1658

Merged
merged 4 commits into from
Mar 14, 2020
Merged

tweak skiplink style #1658

merged 4 commits into from
Mar 14, 2020

Conversation

sastels
Copy link
Contributor

@sastels sastels commented Mar 11, 2020

Fixes #1268

Description

tweak skiplink a bit to make it look more like Canada.ca

Canada.ca:

image

ours previously:

image

this PR:

image

Checklist:

  • I have looked at my code on GitHub and it all looks good (ex: no random commented out code or console.logs)
  • I have added and needed tests for my changes (in particular for new screens)
  • I have added a comment to any confusing code

@sastels sastels temporarily deployed to rac-prototyp-tweak-skip-rqyelu March 11, 2020 16:00 Inactive
@sastels
Copy link
Contributor Author

sastels commented Mar 11, 2020

forgot to do a story for this - let me try this out...

@sastels sastels temporarily deployed to rac-prototyp-tweak-skip-rqyelu March 11, 2020 17:03 Inactive
@@ -24,7 +24,9 @@ export const SkipLink = ({ invisible, ...rest }) => (
<A
mt={2}
p={2}
backgroundColor="black"
textDecoration=""
backgroundColor="gray.skipLink"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If I can suggest using: blue.800 and rounded="none"

Copy link
Contributor

@amazingphilippe amazingphilippe left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just some quick changes ;)

@@ -25,6 +25,7 @@ const colors = {
700: '#373737',
800: '#202020',
900: '#191919',
skipLink: '#444444',
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Do we need a specific color key just for skiplinks?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

not if we're using blue.900 😄

@sastels sastels temporarily deployed to rac-prototyp-tweak-skip-rqyelu March 12, 2020 18:32 Inactive
Copy link
Contributor

@amazingphilippe amazingphilippe left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

awesome choice of color! ;)

@sastels sastels temporarily deployed to rac-prototyp-tweak-skip-rqyelu March 13, 2020 23:40 Inactive
@sastels sastels merged commit 7fccfd0 into master Mar 14, 2020
@sastels sastels deleted the tweak-skiplink branch March 14, 2020 14:14
sastels added a commit that referenced this pull request Mar 19, 2020
* Minor copy change (typo) (#1639)

* extract data from formidable manually (#1641)

* fix: upgrade mongodb from 3.5.2 to 3.5.3 (#1632)

* fix: upgrade react-scripts from 3.3.1 to 3.4.0 (#1642)

* Fix for Logs in another Azure Subscription (#1619)

* Updating IMAGE_NAME reference (#1597)

* change GNCC to GNC3 (#1655)

* use redirect for equifax links (#1651)

* clear file input after alert (#1662)

* fix keyboard nav (#1660)

* add moneyLost.methodOther field to analyst report (#1647)

* more detailed p and text stories (#1643)

* added stuff to sb docs (#1671)

* added getting started page to storybook (#1661)

* FIX CORS for HTTPS (#1665) (#1669)

* clean up logging a bit (#1663)

* tweak skiplink style (#1658)

* fix target area for upload button (#1653)

* change "go back" button's height to the same height as "cancel report" button (#1666)

* added Messages component.  (#1644)

* fix: upgrade async from 3.1.1 to 3.2.0 (#1680)

* Reports a day counter (#1664)

* Form validation - bump (#1510)

* added helmet in server.js (#1674)

* Combine analyst emails (#1628)

* Prod version number (#1656)

* Fixed Field, added container and layout to sb (#1675)

* Get email addresses from ldap query (#1682)

* restrict file number and size on server (#1648)

* remove submit button if already submitted (#1683)

* Fix for Continuous Deployment (#1690)

* Validation for location fields (#1689)

* cypress pack initial commit (#1247)
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Skiplink non-standard
2 participants