mirror of
https://github.com/immich-app/immich.git
synced 2025-12-20 17:25:35 +03:00
fix(web): fix thumbnail hover link position (#16762)
* fix(web): don't show a scrollbar when hovering over the last row of images on the search page * Format code * Fix asset selection z-index * Remove anchor overlay on mouseover * Fix a test * Fix merge * Fix overlays * fix merge * fix stack thumbs in asset viewer * fix dimmed bounds, animation * lint --------- Co-authored-by: Min Idzelis <min123@gmail.com>
This commit is contained in:
@@ -4,6 +4,7 @@
|
||||
import Icon from '$lib/components/elements/icon.svelte';
|
||||
import { TUNABLES } from '$lib/utils/tunables';
|
||||
import { mdiEyeOffOutline } from '@mdi/js';
|
||||
import type { ClassValue } from 'svelte/elements';
|
||||
import { fade } from 'svelte/transition';
|
||||
|
||||
interface Props {
|
||||
@@ -19,6 +20,7 @@
|
||||
hidden?: boolean;
|
||||
border?: boolean;
|
||||
hiddenIconClass?: string;
|
||||
class?: ClassValue;
|
||||
onComplete?: (() => void) | undefined;
|
||||
}
|
||||
|
||||
@@ -36,6 +38,7 @@
|
||||
border = false,
|
||||
hiddenIconClass = 'text-white',
|
||||
onComplete = undefined,
|
||||
class: imageClass = '',
|
||||
}: Props = $props();
|
||||
|
||||
let {
|
||||
@@ -88,7 +91,7 @@
|
||||
src={url}
|
||||
alt={loaded || errored ? altText : ''}
|
||||
{title}
|
||||
class="object-cover {optionalClasses}"
|
||||
class={['object-cover', optionalClasses, imageClass]}
|
||||
class:opacity-0={!thumbhash && !loaded}
|
||||
draggable="false"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user