From a960fa009d63083de5d10558d4f12eb4a29e97e0 Mon Sep 17 00:00:00 2001 From: blessedcoolant <54517381+blessedcoolant@users.noreply.github.com> Date: Sun, 18 Jun 2023 22:04:12 +1200 Subject: [PATCH] fix: Fix some styling issues with IAIMantineMultiSelect --- .../src/common/components/IAIMantineMultiSelect.tsx | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/invokeai/frontend/web/src/common/components/IAIMantineMultiSelect.tsx b/invokeai/frontend/web/src/common/components/IAIMantineMultiSelect.tsx index 5bf37c1aa9..646c0288fe 100644 --- a/invokeai/frontend/web/src/common/components/IAIMantineMultiSelect.tsx +++ b/invokeai/frontend/web/src/common/components/IAIMantineMultiSelect.tsx @@ -29,10 +29,16 @@ const IAIMantineMultiSelect = (props: IAIMultiSelectProps) => { '&:focus': { borderColor: 'var(--invokeai-colors-accent-600)', }, + '&:focus-within': { + borderColor: 'var(--invokeai-colors-accent-600)', + }, }, value: { backgroundColor: 'var(--invokeai-colors-base-800)', color: 'var(--invokeai-colors-base-100)', + button: { + color: 'var(--invokeai-colors-base-100)', + }, '&:hover': { backgroundColor: 'var(--invokeai-colors-base-700)', cursor: 'pointer', @@ -68,7 +74,10 @@ const IAIMantineMultiSelect = (props: IAIMultiSelectProps) => { }, rightSection: { width: 24, - paddingRight: 20, + padding: 20, + button: { + color: 'var(--invokeai-colors-base-100)', + }, }, })} {...rest}