feat(theme): design search button focus state

algolia · Feb 10, 2021 · e284771 · e284771
1 parent 818a1d9
commit e284771
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/packages/autocomplete-theme-classic/src/theme.scss b/packages/autocomplete-theme-classic/src/theme.scss
@@ -467,6 +467,12 @@ body {
   position: relative;
   text-align: left;
   width: 100%;
+  &:focus {
+    border-color: var(--aa-primary-color);
+    box-shadow: var(--aa-selected-color) 0 0 0 3px,
+      inset var(--aa-selected-color) 0 0 0 2px;
+    outline: currentColor none medium;
+  }
   .aa-DetachedSearchButtonIcon {
     align-items: center;
     color: var(--aa-primary-color);