From f93143c76a24a94142004a73bdac4f2e48dcc3e4 Mon Sep 17 00:00:00 2001 From: Djordje Vlaisavljevic Date: Tue, 13 Feb 2024 15:17:29 +0000 Subject: [PATCH] Added focus state for HTMLField refs DES-108 --- apps/admin-x-design-system/src/global/form/HtmlField.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/admin-x-design-system/src/global/form/HtmlField.tsx b/apps/admin-x-design-system/src/global/form/HtmlField.tsx index e41f2dbc91..4aa36a7af2 100644 --- a/apps/admin-x-design-system/src/global/form/HtmlField.tsx +++ b/apps/admin-x-design-system/src/global/form/HtmlField.tsx @@ -36,7 +36,7 @@ const HtmlField: React.FC = ({ const textFieldClasses = unstyled ? '' : clsx( 'flex min-h-[32px] items-center rounded-md border border-transparent py-1.5 md:min-h-[36px]', clearBg ? 'bg-transparent' : 'bg-grey-150 px-3 dark:bg-grey-900', - error ? `border-red` : `hover:bg-grey-100 focus:border-green focus:shadow-[0_0_0_1px_rgba(48,207,67,1)] peer-focus:border-green dark:selection:bg-[rgba(88,101,116,0.99)] dark:hover:bg-grey-925`, + error ? `border-red` : `transition-all hover:bg-grey-100 has-[:focus]:border-green has-[:focus]:bg-white has-[:focus]:shadow-[0_0_0_1px_rgba(48,207,67,1)] dark:selection:bg-[rgba(88,101,116,0.99)] dark:hover:bg-grey-925 dark:has-[:focus]:bg-grey-950`, (title && !hideTitle && !clearBg) && `mt-2`, className );