darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-02-24 04:10:57 -05: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;
}
&:focus {
/* cancel default focus styling in favour of that from :before pseudo class */
box-shadow: none;
}
&:before {
content: "";
display: block;
@@ -69,14 +74,13 @@ $item-top-padding: govuk-spacing(3);
&:active:before,
&:focus:before {
border-color: $yellow;
border-style: solid;
border-width: 15px 3px;
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;
right: -3px;
left: -3px;
@include govuk-media-query($from: tablet) {
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;
}
}