From be577e561dff33a404bb6f29f178b01f20aa0121 Mon Sep 17 00:00:00 2001 From: Faton Ramadani Date: Fri, 18 Aug 2023 15:24:25 +0200 Subject: [PATCH] fix(frontend): Fix app multiselect dark mode (#2121) * fix(frontend): Fix app multiselect dark mode * fix(frontend): Fix app multiselect dark mode in CronInput --- frontend/src/lib/components/CronInput.svelte | 3 +++ .../components/apps/components/inputs/AppMultiSelect.svelte | 2 +- 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/frontend/src/lib/components/CronInput.svelte b/frontend/src/lib/components/CronInput.svelte index 7946ebd76a..7b70f1a1f6 100644 --- a/frontend/src/lib/components/CronInput.svelte +++ b/frontend/src/lib/components/CronInput.svelte @@ -231,6 +231,7 @@ options={monthsOfYearOptions} selectedOptionsDraggable={false} placeholder="Every month" + ulOptionsClass={'!bg-surface-secondary'} /> {/if} @@ -243,6 +244,7 @@ options={daysOfWeekOptions} selectedOptionsDraggable={false} placeholder="Every day" + ulOptionsClass={'!bg-surface-secondary'} /> {/if} @@ -260,6 +262,7 @@ options={daysOfMonthOptions} selectedOptionsDraggable={false} placeholder="Every day" + ulOptionsClass={'!bg-surface-secondary'} /> diff --git a/frontend/src/lib/components/apps/components/inputs/AppMultiSelect.svelte b/frontend/src/lib/components/apps/components/inputs/AppMultiSelect.svelte index a195238d85..203ed4454d 100644 --- a/frontend/src/lib/components/apps/components/inputs/AppMultiSelect.svelte +++ b/frontend/src/lib/components/apps/components/inputs/AppMultiSelect.svelte @@ -136,7 +136,7 @@ bind:outerDiv outerDivClass={`${resolvedConfig.allowOverflow ? '' : 'h-full'}`} ulSelectedClass={`${resolvedConfig.allowOverflow ? '' : 'overflow-auto max-h-full'} `} - ulOptionsClass={'p-2'} + ulOptionsClass={'p-2 !bg-surface-secondary'} bind:selected={value} on:change={() => { outputs?.result.set([...(value ?? [])])