Skip to content

Commit 662006b

Browse files
committed
chore: enhance focus styles for accessibility in datagrid component
1 parent ea45b9e commit 662006b

File tree

1 file changed

+9
-0
lines changed
  • packages/modules/data-widgets/src/themesource/datawidgets/web

1 file changed

+9
-0
lines changed

packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid.scss

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -582,6 +582,15 @@ $root: ".widget-datagrid";
582582
color: var(--link-color);
583583
padding: 0;
584584
display: inline-block;
585+
586+
&:focus:not(:focus-visible) {
587+
outline: none;
588+
}
589+
590+
&:focus-visible {
591+
outline: 1px solid var(--brand-primary, $brand-primary);
592+
outline-offset: 2px;
593+
}
585594
}
586595

587596
@keyframes skeleton-loading {

0 commit comments

Comments
 (0)