v3: play and open stop competing on a card — list thumbs carry a quiet corner ▶ badge that grows a touch on card hover and a touch more (with a soft dim) on the thumb itself, while the title's "open" cue stands down; link-out thumbs show ↗, compact audio gets its ▶; journal image cards move ▶ to a top-corner badge that settles while the title or vote is hovered; nyt image-card headlines stay white on hover instead of going ink-on-scrim
All checks were successful
Build and Publish Docker Image / build-and-push (push) Successful in 40s

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
khannurien
2026-09-19 21:25:40 +00:00
parent 5205097bb6
commit e2ed493bdd
4 changed files with 125 additions and 3 deletions

View File

@@ -208,9 +208,12 @@ export default function FilePreview(
e.stopPropagation();
play(filePlayerItem(dump, fileUrl, mime, token));
}}
aria-label="Play"
>
<VideoThumb src={thumbUrl} fallback={mimeIcon(mime)} />
<span className="rich-content-play-overlay">▶</span>
<span className="rich-content-play-overlay" aria-hidden="true">
▶
</span>
</button>
);
}
@@ -226,6 +229,7 @@ export default function FilePreview(
e.stopPropagation();
play(filePlayerItem(dump, fileUrl, mime, token));
}}
aria-label="Play"
>
{thumbOverride
? <VideoThumb src={thumbOverride} fallback={mimeIcon(mime)} />
@@ -234,6 +238,9 @@ export default function FilePreview(
{mimeIcon(mime)}
</span>
)}
<span className="rich-content-play-overlay" aria-hidden="true">
▶
</span>
</button>
);
}

View File

@@ -96,8 +96,14 @@ export default function RichContentCard(
rel="noopener noreferrer"
className="rich-content-compact"
onClick={(e) => e.stopPropagation()}
aria-label={richContent.siteName
? `Open on ${richContent.siteName}`
: "Open source"}
>
{thumbnail}
<span className="rich-content-open-overlay" aria-hidden="true">
↗
</span>
</a>
);
}