diff options
| author | Jeremy Davis <jeremy.davis@sonarsource.com> | 2024-10-07 18:32:15 +0200 |
|---|---|---|
| committer | sonartech <sonartech@sonarsource.com> | 2024-10-08 20:02:47 +0000 |
| commit | aef2ea10ecee8df9eadf3d3da4e63c06a9378b8b (patch) | |
| tree | 840adef6a40df1e22a584f6e4a75b4cd77c1d814 /server/sonar-web/design-system/src/components/input/InputSearch.tsx | |
| parent | f49678493a80f08984b13f8003fca362fe081c9f (diff) | |
| download | sonarqube-aef2ea10ecee8df9eadf3d3da4e63c06a9378b8b.tar.gz sonarqube-aef2ea10ecee8df9eadf3d3da4e63c06a9378b8b.zip | |
SONAR-22290 Fix focus indicator in legacy components
Diffstat (limited to 'server/sonar-web/design-system/src/components/input/InputSearch.tsx')
| -rw-r--r-- | server/sonar-web/design-system/src/components/input/InputSearch.tsx | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/server/sonar-web/design-system/src/components/input/InputSearch.tsx b/server/sonar-web/design-system/src/components/input/InputSearch.tsx index 9e9d5d76915..fd60b082ca5 100644 --- a/server/sonar-web/design-system/src/components/input/InputSearch.tsx +++ b/server/sonar-web/design-system/src/components/input/InputSearch.tsx @@ -226,7 +226,8 @@ export const StyledInputWrapper = styled.div` &:focus, &:active { border: ${themeBorder('default', 'inputFocus')}; - outline: ${themeBorder('focus', 'inputFocus')}; + outline: var(--echoes-focus-border-width-default) solid var(--echoes-color-focus-default); + outline-offset: var(--echoes-focus-border-offset-default); } &::-webkit-search-decoration, @@ -251,6 +252,11 @@ export const StyledSearchIconWrapper = styled.div` export const StyledInteractiveIcon = styled(InteractiveIcon)` ${tw`sw-absolute`} ${tw`sw-right-2`} + + &:focus, + &:active { + outline: var(--echoes-focus-border-width-default) solid var(--echoes-color-focus-default); + } `; export const StyledNote = styled.span` |