Merge pull request #5517 from dfe-analytical-services/EES-5285

EES-5285 5294 focus styles for tables and table header groups
dfe-analytical-services · Jan 10, 2025 · 9d163a1 · 9d163a1
2 parents 51e2239 + a16f0a0
commit 9d163a1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/...statistics-common/src/modules/table-tool/components/FixedMultiHeaderDataTable.module.scss b/...statistics-common/src/modules/table-tool/components/FixedMultiHeaderDataTable.module.scss
@@ -28,6 +28,8 @@
   width: 100%;
 
   &:focus {
-    outline: none;
+    box-shadow: 0 0 0 4px;
+    outline: $govuk-focus-colour solid $govuk-focus-width;
+    outline-offset: 4px;
   }
 }
diff --git a/...ucation-statistics-common/src/modules/table-tool/components/TableHeadersGroup.module.scss b/...ucation-statistics-common/src/modules/table-tool/components/TableHeadersGroup.module.scss
@@ -28,7 +28,9 @@
 
   &.focused {
     border-color: transparent;
+    box-shadow: inset 0 0 0 4px;
     outline: $govuk-focus-colour solid $govuk-focus-width;
+    outline-offset: -2px;
   }
 
   &.dragEnabled:hover {