From 275cf72083d4df34ccfddac80189a82198de9f86 Mon Sep 17 00:00:00 2001
From: nod_ <nod_@598310.no-reply.drupal.org>
Date: Tue, 21 May 2024 17:31:16 +0200
Subject: [PATCH] Issue #3424162 by camilledavis, dineshkumarbollu, smustgrave:
Claro highlighted row not communicated to keyboard users
---
core/themes/claro/css/components/tables.css | 2 +-
core/themes/claro/css/components/tables.pcss.css | 2 +-
2 files changed, 2 insertions(+), 2 deletions(-)
diff --git a/core/themes/claro/css/components/tables.css b/core/themes/claro/css/components/tables.css
index 5e89b8e741e0..aac1a6bd13dc 100644
--- a/core/themes/claro/css/components/tables.css
+++ b/core/themes/claro/css/components/tables.css
@@ -130,7 +130,7 @@ tr {
}
tr:hover,
-tr:focus {
+tr:focus-within {
color: var(--color-text);
background: var(--color-bgblue-hover);
}
diff --git a/core/themes/claro/css/components/tables.pcss.css b/core/themes/claro/css/components/tables.pcss.css
index 0d3e522db80d..14a0388054a6 100644
--- a/core/themes/claro/css/components/tables.pcss.css
+++ b/core/themes/claro/css/components/tables.pcss.css
@@ -109,7 +109,7 @@ th {
tr {
border-bottom: 0.0625rem solid var(--color-gray-200);
&:hover,
- &:focus {
+ &:focus-within {
color: var(--color-text);
background: var(--color-bgblue-hover);
}
--
GitLab