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:
Snowknight26
2025-04-02 10:30:41 -05:00
committed by GitHub
parent 5a456ef277
commit 4336afd6bf
4 changed files with 125 additions and 117 deletions

View File

@@ -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"
/>