Cutlery/immich
1
0
Fork 1
mirror of https://github.com/immich-app/immich.git synced 2025-06-02 21:24:28 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix combobox formatting issues

Browse Source
This commit is contained in:
bwees 2025-05-22 15:47:04 -05:00
parent 674bfef92d
commit f903de398d
No known key found for this signature in database
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/lib/components/shared-components/combobox.svelte
View File

@ -24,12 +24,12 @@
import { shortcuts } from '$lib/actions/shortcut'; import { shortcuts } from '$lib/actions/shortcut';
import Icon from '$lib/components/elements/icon.svelte'; import Icon from '$lib/components/elements/icon.svelte';
import { generateId } from '$lib/utils/generate-id'; import { generateId } from '$lib/utils/generate-id';
import { IconButton } from '@immich/ui';
import { mdiClose, mdiMagnify, mdiUnfoldMoreHorizontal } from '@mdi/js'; import { mdiClose, mdiMagnify, mdiUnfoldMoreHorizontal } from '@mdi/js';
import { onMount, tick } from 'svelte'; import { onMount, tick } from 'svelte';
import { t } from 'svelte-i18n'; import { t } from 'svelte-i18n';
import type { FormEventHandler } from 'svelte/elements'; import type { FormEventHandler } from 'svelte/elements';
import { fly } from 'svelte/transition'; import { fly } from 'svelte/transition';
import { IconButton } from '@immich/ui';
interface Props { interface Props {
label: string; label: string;
@ -330,7 +330,15 @@
class:pointer-events-none={!selectedOption} class:pointer-events-none={!selectedOption}
> >
{#if selectedOption} {#if selectedOption}
<IconButton shape="round" color="secondary" variant="ghost" onclick={onClear} aria-label={$t('clear_value')} icon={mdiClose} size="small" /> <IconButton
shape="round"
color="secondary"
variant="ghost"
onclick={onClear}
aria-label={$t('clear_value')}
icon={mdiClose}
size="small"
/>
{:else if !isOpen} {:else if !isOpen}
<Icon path={mdiUnfoldMoreHorizontal} ariaHidden={true} /> <Icon path={mdiUnfoldMoreHorizontal} ariaHidden={true} />
{/if} {/if}