Emi Matchu
602e928180
Add an info link (ℹ️) to each item card that opens the item's detail
page in a new tab. The link is:
- Subtle and hidden by default (opacity: 0)
- Visible on hover or focus-within for mouse/keyboard users
- Always visible (60% opacity) on touch devices
- Accessible with proper aria-label
- Opens in new tab with target="_blank" and rel="noopener"
This is the first commit of Phase 2 (Detail-Oriented Experience),
adding contextual navigation to item details.
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
10 lines
366 B
Text
10 lines
366 B
Text
.item-thumbnail
|
||
= image_tag item.thumbnail_url, alt: "", loading: "lazy"
|
||
.item-info
|
||
.item-name
|
||
= item.name
|
||
= link_to item_path(item), class: "item-info-link", target: "_blank", rel: "noopener" do
|
||
%span{aria: {label: "Item info"}} ℹ️
|
||
.item-badges
|
||
= render "items/badges/kind", item: item
|
||
= render "items/badges/first_seen", item: item
|