From 0987787df6103bf2f21e6a56669a91c616f68d21 Mon Sep 17 00:00:00 2001 From: Tom Byers Date: Fri, 15 Oct 2021 09:40:59 +0100 Subject: [PATCH] Give map attribution links an underline Makes them identifiable as links based on something other than just colour. --- app/assets/stylesheets/map.scss | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) diff --git a/app/assets/stylesheets/map.scss b/app/assets/stylesheets/map.scss index 6fd80c125..8510b9789 100644 --- a/app/assets/stylesheets/map.scss +++ b/app/assets/stylesheets/map.scss @@ -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; - } } }