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 org navigation links focus styles

Browse Source
This commit is contained in:
Tom Byers
2020-09-14 22:54:09 +01:00
parent 322dab8415
commit 2f5ecdb1fa
1 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
app/assets/stylesheets/components/navigation.scss
View File

@@ -73,11 +73,9 @@
padding: $padding-top 0 $padding-bottom govuk-spacing(3);
&:focus {
outline: none;
border-bottom: 1px solid $yellow;
border-left: 10px solid $yellow;
border-right: 3px solid $yellow;
right: -3px;
padding: $padding-top 0px $padding-bottom + 1px govuk-spacing(3) + 10;
/* override default focus style to inset bottom underline */
box-shadow: inset 0 -4px $govuk-focus-text-colour;
}
}
@@ -105,7 +103,7 @@
position: absolute;
top: -1px;
bottom: 1px;
right: 7px;
right: 2px;
width: 7px;
height: 7px;
margin: auto 0;
@@ -117,10 +115,13 @@
border-color: $secondary-text-colour;
}
&:focus:before {
border-color: $govuk-focus-text-colour;
}
// hack to make the focus style fit in the navigation bar
&:focus {
outline: none;
box-shadow: 0 1px 0 0 $focus-colour, -3px 0 0 0 $focus-colour, -3px 1px 0 0 $focus-colour;
box-shadow: inset 0 -3px $govuk-focus-text-colour, 0 1px $govuk-focus-text-colour;
}
}