Give map attribution links an underline

Makes them identifiable as links based on
something other than just colour.
This commit is contained in:
Tom Byers
2021-10-15 09:40:59 +01:00
parent b968c0299e
commit 0987787df6

View File

@@ -154,6 +154,8 @@ $zoom-button-hover-colour: govuk-shade($zoom-button-colour, 10%);
// Map attribution links
.leaflet-control-attribution {
& a {
text-decoration: underline;
&:focus {
// Link focus is shown by a change in background colour.
// When colours are overridden, for example when users have Windows high
@@ -164,10 +166,5 @@ $zoom-button-hover-colour: govuk-shade($zoom-button-colour, 10%);
background: $govuk-focus-colour;
box-shadow: 0 -2px $govuk-focus-colour, 0 4px $govuk-focus-text-colour;
}
// use an extra prefix class to override LeafletJS CSS
.leaflet-bottom &:hover {
text-decoration: none;
}
}
}