mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-09-07 16:18:25 -04:00
Fix focus styles for table links
This commit is contained in:
@@ -337,6 +337,11 @@
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
|
/* remove default focus styles in favour of those for :before pseudo class */
|
||||||
|
&:focus {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
content: "";
|
content: "";
|
||||||
display: block;
|
display: block;
|
||||||
@@ -353,10 +358,7 @@
|
|||||||
|
|
||||||
&:active:before,
|
&:active:before,
|
||||||
&:focus:before {
|
&:focus:before {
|
||||||
border-color: $yellow;
|
box-shadow: inset 0px -4px $govuk-focus-text-colour, inset 0px 15px $govuk-focus-colour, inset 15px 0px $govuk-focus-colour, inset 0px -11px $govuk-focus-colour;
|
||||||
border-style: solid;
|
|
||||||
border-width: 15px 3px 15px 15px;
|
|
||||||
right: -3px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user