Changeset c974223 in Klonkt for src/assets/css/style.css

Timestamp:

06/16/2026 07:28:52 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

1578f5d

Parents:

ec2e358

Message:

Archive: always timeline list, ignores grid choice (fix: grid→archive was broken)

The archive adopted the grid view when grid was active (CSS hid the
year/month list and showed tiles) → confusing/broken. Archive now ignores
data-feed-view entirely: always the chronological list. on-archive grid CSS
+ dead grid section removed. Switcher stays grey on archive (previous
commit) and jumps back to the feed on click.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@…>

File:

• src/assets/css/style.css (modified) (2 diffs)

src/assets/css/style.css

@@ -2067 +2067 @@
 
 /* -------- FEED TOGGLE VIA BODY --------
-   Grid-modus werkt op elke feed-pagina (home, archive). Op een post-pagina
-   is de feed-timeline article juist het hoofdonderwerp — daar moet 'ie
-   altijd zichtbaar zijn, dus de grid-toggle slaat alleen aan op
-   feed-pagina's (.on-home, .on-archive). Andere body-classes negeren de
+   Grid-modus werkt op de feed (home, cirkel). Het ARCHIEF negeert de grid-keuze
+   bewust: dat is altijd de chronologische jaar/maand-lijst (de switcher is daar
+   grijs en springt bij klik terug naar de feed). Post-pagina's tonen de
+   feed-timeline article sowieso altijd. Alle andere body-classes negeren
    data-feed-view en houden timeline visible. */
 body.on-home[data-feed-view="grid"]    .feed-timeline,
@@ -2076 +2076 @@
 body.on-home[data-feed-view="grid"]    .related-posts,
 body.on-home[data-feed-view="grid"]    .article-footer,
-body.on-archive[data-feed-view="grid"] .feed-timeline,
-body.on-archive[data-feed-view="grid"] .pagination,
 body.on-cirkel[data-feed-view="grid"]  .feed-timeline {
     display: none !important;
 }
-/* Grid-sectie alleen zichtbaar op feed-pagina's in grid-mode */
+/* Grid-sectie alleen zichtbaar op de feed in grid-mode (NIET op archief) */
 .feed-grid { display: none; }
 body.on-home[data-feed-view="grid"]    .feed-grid,
-body.on-archive[data-feed-view="grid"] .feed-grid,
 body.on-cirkel[data-feed-view="grid"]  .feed-grid { display: block; }