Skip to content

Commit

Permalink
Remove the blue focus outline from the main content area
Browse files Browse the repository at this point in the history
Pressing enter when focus is on the skiplink sets focus on the #content
area, remove this outline.
  • Loading branch information
gemmaleigh committed May 25, 2016
1 parent 09f2e28 commit a384ee4
Showing 1 changed file with 7 additions and 0 deletions.
7 changes: 7 additions & 0 deletions public/sass/elements-page.scss
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,13 @@
// Elements page styles
// ==========================================================================

// Pressing enter when focus is on the skiplink sets focus on the #content area
// Remove the blue outline

#content {
outline: none;
}

// These are example styles, used only for the elements pages

.elements-index {
Expand Down

2 comments on commit a384ee4

@maxf
Copy link

@maxf maxf commented on a384ee4 Jun 21, 2016

Choose a reason for hiding this comment

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

@gemmaleigh : I think this rule should be added to the actual govuk-element rules, not just the elements-page files. Otherwise you don't get it in your application.

@gemmaleigh
Copy link
Contributor Author

Choose a reason for hiding this comment

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

@maxf it was on my todo list! That stylesheet isn't applied to the example pages, which was why it was still showing. I've fixed this in #265.

Please sign in to comment.