Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fixes an issue with styling links #1310

Merged
merged 2 commits into from
May 2, 2019
Merged

Fixes an issue with styling links #1310

merged 2 commits into from
May 2, 2019

Conversation

aliuk2012
Copy link
Contributor

@aliuk2012 aliuk2012 commented May 1, 2019

When visiting the links example page, if you had previously visited the
home page then the unvisited link and visited link example looked identical.
This commit passes a random number to the view. The view adds the randomId
to the href as a hash.

👉 https://govuk-frontend-review-pr-1310.herokuapp.com/examples/links

Before

image

After

image

@govuk-design-system-ci govuk-design-system-ci temporarily deployed to govuk-frontend-review-pr-1310 May 1, 2019 09:59 Inactive
@NickColley NickColley changed the base branch from master to v3 May 1, 2019 09:59
@aliuk2012 aliuk2012 marked this pull request as ready for review May 1, 2019 11:23
@aliuk2012 aliuk2012 changed the title Fixes visible links Fixes unvisited links example May 1, 2019
@aliuk2012 aliuk2012 changed the title Fixes unvisited links example Fixes an issue with styling links May 1, 2019
Copy link
Contributor

@NickColley NickColley left a comment

Choose a reason for hiding this comment

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

👏 Needs a changelog entry, probably be good for someone else to review as well since we paired.

@govuk-design-system-ci govuk-design-system-ci temporarily deployed to govuk-frontend-review-pr-1310 May 1, 2019 13:42 Inactive
@aliuk2012 aliuk2012 added this to the v3.0.0 milestone May 1, 2019
Copy link
Member

@hannalaakso hannalaakso left a comment

Choose a reason for hiding this comment

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

Looks really good 👏 Just left one small comment.

app/app.js Outdated Show resolved Hide resolved
aliuk2012 and others added 2 commits May 2, 2019 09:27
When visiting the links example page, if you had previously visited the
home page then the unvisited link and visited link example looked identical.
This commit passes a random number to the view. The view adds the randomId
to the href as a hash.

Co-authored-by: Nick Colley <[email protected]>
govuk-elements uses specific css selector`a:link:focus` whereas
govuk-frontend uses `.govuk-link:focus`. This fix makes govuk-frontend
selector more specific `.govuk-link:link:focus` but only when compatibility
mode is being used.

Co-authored-by: Nick Colley <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Development

Successfully merging this pull request may close these issues.

4 participants