darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-08-23 15:57:23 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fix focus styles for user-list-edit-link

Browse Source
This commit is contained in:
Tom Byers
2020-09-15 16:18:26 +01:00
parent 32b2f617f1
commit ebb84fcf08
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/assets/stylesheets/views/users.scss
View File

@@ -53,6 +53,11 @@ $item-top-padding: govuk-spacing(3);
margin: 0; margin: 0;
} }
&:focus {
/* cancel default focus styling in favour of that from :before pseudo class */
box-shadow: none;
}
&:before { &:before {
content: ""; content: "";
display: block; display: block;
@@ -69,14 +74,13 @@ $item-top-padding: govuk-spacing(3);
&:active:before, &:active:before,
&:focus:before { &:focus:before {
border-color: $yellow; box-shadow: inset 0px -4px $govuk-focus-text-colour, inset 0px 16px $govuk-focus-colour, inset 3px 0px $govuk-focus-colour, inset 0px -15px $govuk-focus-colour, inset -3px 0px $govuk-focus-colour;
border-style: solid;
border-width: 15px 3px;
right: -3px; right: -3px;
left: -3px; left: -3px;
@include govuk-media-query($from: tablet) { @include govuk-media-query($from: tablet) {
border-width: 15px 3px 15px 15px; border-width: 15px 3px 15px 15px;
box-shadow: inset 0px -4px $govuk-focus-text-colour, inset 0px 16px $govuk-focus-colour, inset 15px 0px $govuk-focus-colour, inset 0px -15px $govuk-focus-colour, inset -3px 0px $govuk-focus-colour;
left: -15px; left: -15px;
} }
} }