fix: add focus highlight for clear button

r0b1n · gjulivan · commit b02bfb98f46e · 2025-07-17T16:00:09.000+02:00
diff --git a/packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid-dropdown-filter.scss b/packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid-dropdown-filter.scss
@@ -149,6 +149,11 @@ $root: ".widget-dropdown-filter";
         &:has(+ #{$root}-toggle) {
             border-inline-end: 1px solid var(--gray, #787d87);
         }
+
+        &:focus {
+            border-radius: 2px;
+            outline: 2px solid var(--brand-primary, $brand-primary);
+        }
     }
 
     &-state-icon {

Original file line number	Diff line number	Diff line change
`@@ -149,6 +149,11 @@ $root: ".widget-dropdown-filter";`
`149`	`149`	`&:has(+ #{$root}-toggle) {`
`150`	`150`	`border-inline-end: 1px solid var(--gray, #787d87);`
`151`	`151`	`}`
	`152`	`+`
	`153`	`+ &:focus {`
	`154`	`+ border-radius: 2px;`
	`155`	`+ outline: 2px solid var(--brand-primary, $brand-primary);`
	`156`	`+ }`
`152`	`157`	`}`
`153`	`158`
`154`	`159`	`&-state-icon {`