Improved day links accessibility for calendar component

mysociety · Oct 15, 2024 · 1a8f8e5 · 1a8f8e5
1 parent 33b7249
commit 1a8f8e5
Showing 1 changed file with 26 additions and 3 deletions.
diff --git a/www/docs/style/sass/pages/_business.scss b/www/docs/style/sass/pages/_business.scss
@@ -224,10 +224,13 @@ a.business-list__title {
 
     th {
         text-align: inherit;
+        // This min-width minimises the odd uneven day width.
+        min-width: calc(100% / 7);
+        padding: 0;
     }
 
     td {
-        padding: 0;
+        padding: 0.1em;
         border-bottom: 1px solid $colour_off_white;
 
         & > * {
@@ -238,15 +241,35 @@ a.business-list__title {
         &.no {
             color: $colour_mid_grey;
         }
+
+        a {
+            font-weight: bold;
+            border: 1px solid transparent;
+            text-decoration: underline;
+            text-underline-offset: 0.1rem;
+
+            &:hover {
+                background-color: $links;
+                color: $white-text;
+                border-color: $links;
+                text-decoration: none;
+            }
+
+            &:focus {
+                background-color: $color-yellow;
+                color: $body-font-color;
+                border-color: $body-font-color;
+            }
+        }
     }
 
     tr:nth-of-type(even) {
         background: transparent;
     }
 
     .on > * {
-        background: mix($colour_off_white, #fff, 50%);
-        color: $primary-color;
+        background: $primary-color;
+        color: $white-text;
     }
 }