Improved focus state for img nested inside alerts-rss-link

Added outline and box-shadow. This change should make more obvious that the element is being focused.
mysociety · Aug 23, 2024 · c4a79c5 · c4a79c5
1 parent 2db5666
commit c4a79c5
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/web/cobrands/sass/_base.scss b/web/cobrands/sass/_base.scss
@@ -2896,6 +2896,17 @@ a#geolocate_link {
     margin-#{$left}: 0.5em;
     float: $right;
   }
+
+  &:focus {
+    outline: none;
+    img {
+      outline: 0.1rem solid $button-primary-focus-bg-top;
+      outline-offset: 0.1rem;
+      -webkit-box-shadow: 0px 0px 0px 5px #000;
+      -moz-box-shadow: 0px 0px 0px 5px #000;
+      box-shadow: 0px 0px 0px 5px #000;
+    }
+  }
 }
 
 .alerts__nearby-activity {