Cutlery/immich
1
0
Fork 1
mirror of https://github.com/immich-app/immich.git synced 2025-05-31 04:05:39 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): remove search bar focus after searching (#2177)

Browse Source
This commit is contained in:
Michel Heusschen 2023-04-05 18:43:52 +02:00 committed by GitHub
parent 2b5484539d
commit 6f1d0a3caa
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 1 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/lib/components/shared-components/search-bar/search-bar.svelte
View File

@ -4,7 +4,6 @@
import Close from 'svelte-material-icons/Close.svelte'; import Close from 'svelte-material-icons/Close.svelte';
import { goto } from '$app/navigation'; import { goto } from '$app/navigation';
import { savedSearchTerms } from '$lib/stores/search.store'; import { savedSearchTerms } from '$lib/stores/search.store';
import { clickOutside } from '$lib/utils/click-outside';
import { fly } from 'svelte/transition'; import { fly } from 'svelte/transition';
export let value = ''; export let value = '';
export let grayTheme: boolean; export let grayTheme: boolean;
@ -58,8 +57,7 @@
on:reset={() => (value = '')} on:reset={() => (value = '')}
on:submit|preventDefault={() => onSearch(true)} on:submit|preventDefault={() => onSearch(true)}
on:focusin={() => (showBigSearchBar = true)} on:focusin={() => (showBigSearchBar = true)}
use:clickOutside on:focusout={() => (showBigSearchBar = false)}
on:outclick={() => (showBigSearchBar = false)}
> >
<label> <label>
<div class="absolute inset-y-0 left-0 flex items-center pl-6"> <div class="absolute inset-y-0 left-0 flex items-center pl-6">