Changeset 9dbb175 in Klonkt for src/assets

Timestamp:

07/16/2026 08:29:21 PM (8 weeks ago)

Author:

Robin <roboburr@…>

Branches:

main

Children:

3778ddb

Parents:

010e073

git-author:

Robin <roboburr@…> (07/16/2026 08:28:47 PM)

git-committer:

Robin <roboburr@…> (07/16/2026 08:29:21 PM)

Message:

Fix: bare video/audio embeds no longer overflow their column

The embed width rule (.pcms-embed iframe, .folio-embed iframe) only covered
iframes, so the native <video>/<audio> players added in 1.4.0 for bare
.webm/.mp4/.mp3 links kept their intrinsic width and overflowed the content
column. Extend the selector to video/audio (targeted, not '*', so the
client-side player cards' inner elements are untouched). Verified in a browser:
a bare .mp4 <video> now measures the same width as the container and a working
iframe embed, with no horizontal overflow. Reported by Bart.

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

File:

• src/assets/css/style.css (modified) (1 diff)

src/assets/css/style.css

@@ -564 +564 @@
 /* Embeds */
 .pcms-embed, .folio-embed { margin: 2rem 0; }
-.pcms-embed iframe, .folio-embed iframe { width: 100%; display: block; border: 0; border-radius: var(--radius); }
+.pcms-embed iframe, .pcms-embed video, .pcms-embed audio,
+.folio-embed iframe, .folio-embed video, .folio-embed audio { width: 100%; display: block; border: 0; border-radius: var(--radius); }
 
 /* Article footer */