mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-05-26 08:09:51 -04:00
Increase hit area of back link
The GOV.UK Design System back link component is sized (roughly) to the contain the text and icon. Presumably this is so it’s safe to use in various contexts. Since we have control over the context is which it’s used, we can get away with making the click area larger – in accordance with Fitt’s law – without risking overlapping other page elements.
This commit is contained in:
@@ -32,4 +32,22 @@
|
||||
left: 0;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: -$gutter-half;
|
||||
left: -3px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-style: solid;
|
||||
border-width: $gutter-half $gutter $gutter-half 3px;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
&:after {
|
||||
border-color: $yellow
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user