Changeset 66cfbaa in Klonkt

Timestamp:

06/20/2026 01:54:27 PM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

2149f5a

Parents:

91c0a39

Message:

fix: grid columns (2/3/4) work on all feeds + readable language dropdown

• Column override was scoped to body.on-home → circle/tag/user feeds stayed at 3 columns. Now body[data-grid-cols] .feed-grid .grid-tiles → works everywhere.
• .footer-lang option gets paper/ink colours (was unreadable white-on-white in dark).

style.css?v=26.

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

Location:

src

Files:

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

src/assets/css/style.css

@@ -2538 +2538 @@
 }
 
-/* Kolom-overrides op desktop. Mobiel negeert dit (staat vast op 2). */
+/* Kolom-overrides op desktop. Mobiel negeert dit (staat vast op 2). Geldt op ELKE
+   feed met grid (home én cirkel/tag/type/user) — scope op .feed-grid .grid-tiles. */
 @media (min-width: 600px) {
-    body.on-home[data-grid-cols="2"] .grid-tiles { grid-template-columns: repeat(2, 1fr); }
-    body.on-home[data-grid-cols="3"] .grid-tiles { grid-template-columns: repeat(3, 1fr); }
-    body.on-home[data-grid-cols="4"] .grid-tiles { grid-template-columns: repeat(4, 1fr); }
+    body[data-grid-cols="2"] .feed-grid .grid-tiles { grid-template-columns: repeat(2, 1fr); }
+    body[data-grid-cols="3"] .feed-grid .grid-tiles { grid-template-columns: repeat(3, 1fr); }
+    body[data-grid-cols="4"] .feed-grid .grid-tiles { grid-template-columns: repeat(4, 1fr); }
 }
 

src/views/partials/footer.ejs

@@ -114 +114 @@
 }
 .footer-lang:hover { border-color: var(--accent); }
+/* Open dropdown-opties leesbaar (anders wit-op-wit op dark mode). */
+.footer-lang option { background: var(--paper); color: var(--ink); }
 .footer-version { color: inherit; text-decoration: none; }
 .footer-version:hover { color: var(--accent); text-decoration: underline; }

src/views/shell.ejs

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