Changeset 9dbb175 in Klonkt

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@…>

Files:

• CHANGELOG.de.md (modified) (1 diff)
• CHANGELOG.md (modified) (1 diff)
• CHANGELOG.nl.md (modified) (1 diff)
• src/assets/css/style.css (modified) (1 diff)

CHANGELOG.de.md

@@ -13 +13 @@
   erreichst, wandern in einen eingeklappten Bereich "Nicht erreichbar" zum
   Aufräumen. Alte /following- und /followers-Links leiten auf /connect um.
+
+### Behoben
+- **Nackte Video/Audio-Embeds laufen nicht mehr über die Spalte hinaus.** Ein
+  `.webm` / `.mp4` / `.mp3`-Player passt jetzt in die Inhaltsbreite wie die
+  iframe-Embeds; die Breitenregel galt zuvor nur für `iframe`.
 
 ## [1.4.0] · 2026-07-14

CHANGELOG.md

@@ -13 +13 @@
   collapsed "Unreachable" section for cleanup. Old /following and /followers
   links redirect to /connect.
+
+### Fixed
+- **Bare video/audio embeds no longer overflow their column.** A `.webm` /
+  `.mp4` / `.mp3` player now fits the content width like the iframe embeds do;
+  the width rule previously covered only `iframe`.
 
 ## [1.4.0] · 2026-07-14

CHANGELOG.nl.md

@@ -13 +13 @@
   schuiven naar een ingeklapte "Niet bereikbaar"-sectie om op te ruimen. Oude
   /following- en /followers-links leiden door naar /connect.
+
+### Opgelost
+- **Kale video/audio-embeds lopen niet meer buiten de kolom.** Een `.webm` /
+  `.mp4` / `.mp3`-speler past nu netjes in de kolombreedte, net als de
+  iframe-embeds; de breedte-regel gold voorheen alleen voor `iframe`.
 
 ## [1.4.0] · 2026-07-14

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 */