Changeset 66cfbaa in Klonkt for src/assets/css/style.css

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

File:

• src/assets/css/style.css (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); }
 }