diff --git a/web/src/lib/components/asset-viewer/asset-viewer.svelte b/web/src/lib/components/asset-viewer/asset-viewer.svelte index 451915d13aca7..7686494aa787a 100644 --- a/web/src/lib/components/asset-viewer/asset-viewer.svelte +++ b/web/src/lib/components/asset-viewer/asset-viewer.svelte @@ -590,6 +590,7 @@ preloadAssets = index + 1 >= stackedAssets.length ? [] : [stackedAssets[index + 1]]; }} onMouseEvent={({ isMouseOver }) => handleStackedAssetMouseEvent(isMouseOver, stackedAsset)} + disableMouseOver readonly thumbnailSize={stackedAsset.id == asset.id ? 65 : 60} showStackedIcon={false} diff --git a/web/src/lib/components/assets/thumbnail/thumbnail.svelte b/web/src/lib/components/assets/thumbnail/thumbnail.svelte index af22887185a36..ac67605fc6ea5 100644 --- a/web/src/lib/components/assets/thumbnail/thumbnail.svelte +++ b/web/src/lib/components/assets/thumbnail/thumbnail.svelte @@ -44,6 +44,7 @@ export let readonly = false; export let showArchiveIcon = false; export let showStackedIcon = true; + export let disableMouseOver = false; export let intersectionConfig: { root?: HTMLElement; bottom?: string; @@ -207,7 +208,7 @@ on:click={handleClick} role="link" > - {#if mouseOver} + {#if mouseOver && !disableMouseOver}