Changeset 703ead3 in Klonkt

Timestamp:

06/20/2026 08:55:18 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

2e454455

Parents:

210a9cb

Message:

fix(downloads): post width with higher specificity (.container.post-page)

.post-page (0,1,0) lost to @media .container{56rem} → /downloads became wide on
large screens. Now .container.post-page (0,2,0) → 720px wins everywhere.
style.css?v=23.

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

@@ -332 +332 @@
 .container { max-width: 42rem; margin-inline: auto; padding-inline: clamp(1.25rem, 4vw, 2rem); }
 
-/* Post-/leesbreedte. Globaal (was eerder alleen inline in post.ejs) zodat de
-   downloads-pagina (zelfde .container.post-page) exact dezelfde breedte krijgt. */
-.post-page { max-width: 720px; margin: 0.5rem auto 2rem; padding: 0 1rem; }
+/* Post-/leesbreedte. Globaal + hogere specificity (.container.post-page) zodat 'ie
+   de responsive .container-breakpoints (56/72rem) overal overrult — posts én de
+   downloads-pagina krijgen zo exact dezelfde 720px-breedte. */
+.container.post-page { max-width: 720px; margin: 0.5rem auto 2rem; padding: 0 1rem; }
 
 /* Laptop / Full HD — 1440px viewport of groter */

src/views/shell.ejs

@@ -163 +163 @@
 
 <!-- v9 stylesheet (full palette system) -->
-<link rel="stylesheet" href="/assets/css/style.css?v=22">
+<link rel="stylesheet" href="/assets/css/style.css?v=23">
 
 <!-- Audio player styles: loaded on every page so the mini-player works