Changeset b31c119 in Klonkt

Timestamp:

06/30/2026 11:51:25 PM (2 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

366c13c

Parents:

2a58d76

Message:

fix(cirkel): cover videos are decorative — no <video> right-click menu/controls

A cover that federated as an MP4 renders as a real <video>, so right-click
showed the browser's video menu (Loop, Show all controls, Picture in
picture, Save video as) and clicks hit the video instead of the tile link.
pointer-events:none lets clicks + right-click fall through to the tile <a>
(normal link menu, whole tile clickable); autoplay is unaffected.

• src/assets/css/style.css — pointer-events:none on cover videos (grid/list/post)
• src/views/shell.ejs — style.css buster v66 -> v67

Co-Authored-By: Claude <noreply@…>

Location:

src

Files:

• assets/css/style.css (modified) (1 diff)
• views/shell.ejs (modified) (1 diff)

src/assets/css/style.css

@@ -2402 +2402 @@
 .grid-tile-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; transition: opacity .4s ease; }
 .grid-tile-img.is-loading { opacity: 0; }
+/* Cover videos are decorative, not players: let clicks + right-click pass through to the
+   tile link so you get the normal link menu (not the browser's <video> menu/controls).
+   Autoplay is independent of pointer-events, so the video still plays. */
+video.grid-tile-img,
+.post-list-cover video,
+.post-cover video { pointer-events: none; }
 .grid-tile:hover { transform: scale(0.98); }
 .grid-tile-overlay {

src/views/shell.ejs

@@ -216 +216 @@
 
 <!-- v9 stylesheet (full palette system) -->
-<link rel="stylesheet" href="/assets/css/style.css?v=66">
+<link rel="stylesheet" href="/assets/css/style.css?v=67">
 <script>
 /* iOS safe-area, built by hand. env(safe-area-inset-top) resolves to 0 on this iOS in