fix: mouse hover over stack (immich-app#13119)

fix: mouse hover on stack
x24git · Oct 2, 2024 · e7862fc · e7862fc
1 parent 4ea281f
commit e7862fc
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git 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
@@ -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}
         <!-- lazy show the url on mouse over-->
         <a
           class="absolute z-30 {className} top-[41px]"