jamey/simpleshop_theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix product card image swipe blocked by stretched-link overlay

Browse Source 
The stretched-link ::after pseudo-element (z-index: 0) was covering
the image area, intercepting touch events. Give the image container
z-index: 1 so swipe gestures reach the scroll container.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
jamey 2026-02-11 08:22:13 +00:00
parent e9a824ec0b
commit 7c9fe57e6e
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
lib/simpleshop_theme_web/components/shop_components/product.ex
View File

@ -97,7 +97,7 @@ defmodule SimpleshopThemeWeb.ShopComponents.Product do
) )
~H""" ~H"""
<div class={image_container_classes(@variant)}> <div class={image_container_classes(@variant)} style="z-index: 1;">
<%= if @show_badges do %> <%= if @show_badges do %>
<.product_badge product={@product} /> <.product_badge product={@product} />
<% end %> <% end %>