From 25686d517255701f090997e30400a2334966f084 Mon Sep 17 00:00:00 2001 From: Jialecl Date: Mon, 21 Jun 2021 13:41:42 +0200 Subject: [PATCH] [Patch] Fix input focus issues --- .../src/lib/dxc-text-input/dxc-input-text.component.ts | 6 +++--- projects/dxc-ngx-cdk/src/lib/theme/componentTokens.ts | 3 ++- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-text-input/dxc-input-text.component.ts b/projects/dxc-ngx-cdk/src/lib/dxc-text-input/dxc-input-text.component.ts index aec7aa441..06547ec49 100644 --- a/projects/dxc-ngx-cdk/src/lib/dxc-text-input/dxc-input-text.component.ts +++ b/projects/dxc-ngx-cdk/src/lib/dxc-text-input/dxc-input-text.component.ts @@ -317,7 +317,7 @@ export class DxcTextInputComponent return css` &:focus { outline: -webkit-focus-ring-color auto 1px; - outline-color: var(--inputText-focusColor); + outline-color: var(--inputText-focusOutlineColor); } cursor: pointer; `; @@ -336,7 +336,7 @@ export class DxcTextInputComponent return css` &:focus { outline: -webkit-focus-ring-color auto 1px; - outline-color: var(--inputText-focusColor); + outline-color: var(--inputText-focusOutlineColor); } cursor: pointer; `; @@ -383,7 +383,7 @@ export class DxcTextInputComponent .containerIcon { &:focus { outline: -webkit-focus-ring-color auto 1px !important; - outline-color: var(--inputText-focusColor) !important; + outline-color: var(--inputText-focusOutlineColor) !important; } } } diff --git a/projects/dxc-ngx-cdk/src/lib/theme/componentTokens.ts b/projects/dxc-ngx-cdk/src/lib/theme/componentTokens.ts index b2f1ea32f..fa003460e 100644 --- a/projects/dxc-ngx-cdk/src/lib/theme/componentTokens.ts +++ b/projects/dxc-ngx-cdk/src/lib/theme/componentTokens.ts @@ -167,7 +167,8 @@ export const componentTokens = { "--inputText-selectedOptionBackgroundColor": globalTokens.lightGrey, "--inputText-placeholderColor": globalTokens.lightGrey, "--inputText-error": globalTokens.darkRed, - "--inputText-focusColor": globalTokens.blue, + "--inputText-focusColor": globalTokens.black, + "--inputText-focusOutlineColor": globalTokens.blue, "--inputText-fontColor": globalTokens.black, "--inputText-scrollBarThumbColor": globalTokens.darkGrey, "--inputText-scrollBarTrackColor": globalTokens.lightGrey,