Changeset b200738 in Klonkt

Timestamp:

06/20/2026 07:41:43 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

da4387b

Parents:

d219d56

Message:

fix(downloads+agenda): downloads list gets header+pill; Solo/Circle grey

• on-downloads (the often-pinned downloads list) no longer headerless → profile header + nav pill, like a normal page. The email capture (/download/:id) stays a focus page without header.
• On both calendar and downloads pages, Solo/Circle + Timeline/Grid also grey (no active feed view there).

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

Location:

src/views/partials

Files:

• chrome.ejs (modified) (1 diff)
• shared-styles.ejs (modified) (1 diff)

src/views/partials/chrome.ejs

@@ -21 +21 @@
 // Zelfstandige premium-feature-pagina's hebben hun eigen kop → geen profielkop/
 // switcher, wél de topnav (Robin 2026-06-18: "bovenste weg, behoud de nav").
-// NB: on-shows (agenda) hoort hier NIET bij — daar willen we de volledige chrome
-// (profielkop + de Tijdlijn/Grid-pill met Agenda actief) juist BEHOUDEN.
+// NB: on-shows (agenda) én on-downloads (de downloads-LIJST) horen hier NIET bij —
+// die willen de volledige chrome (profielkop + pill) behouden. De downloads-lijst is
+// vaak gepind en prominent, dus hij mag niet kaal zijn. De losse e-mail-capture
+// (/download/:id → on-download) blijft wél een focus-pagina zonder kop.
 var _featurePage = typeof bodyClass === 'string' &&
+  bodyClass.indexOf('on-downloads') < 0 &&
   ['on-epk', 'on-download', 'on-linkbio', 'on-newsletter'].some(function (c) { return bodyClass.indexOf(c) >= 0; });
 var _headerless = hubLanding || _isChat || _featurePage;

src/views/partials/shared-styles.ejs

@@ -91 +91 @@
 body.on-post[data-grid-cols="3"] .grid-cols-btn[data-cols="3"],
 body.on-post[data-grid-cols="4"] .grid-cols-btn[data-cols="4"],
-/* Op de agendapagina is Agenda het actieve item → Tijdlijn/Grid (+cols) grijs. */
+/* Op de agenda- én downloads-pagina is er geen actieve feed-weergave → Tijdlijn/
+   Grid (+cols) grijs. (Agenda blijft via .vs-agenda.is-active wél gemarkeerd.) */
 body.on-shows[data-feed-view="timeline"] .view-switch-btn[data-view="timeline"],
 body.on-shows[data-feed-view="grid"] .view-switch-btn[data-view="grid"],
 body.on-shows[data-grid-cols="2"] .grid-cols-btn[data-cols="2"],
 body.on-shows[data-grid-cols="3"] .grid-cols-btn[data-cols="3"],
-body.on-shows[data-grid-cols="4"] .grid-cols-btn[data-cols="4"] {
+body.on-shows[data-grid-cols="4"] .grid-cols-btn[data-cols="4"],
+body.on-downloads[data-feed-view="timeline"] .view-switch-btn[data-view="timeline"],
+body.on-downloads[data-feed-view="grid"] .view-switch-btn[data-view="grid"],
+body.on-downloads[data-grid-cols="2"] .grid-cols-btn[data-cols="2"],
+body.on-downloads[data-grid-cols="3"] .grid-cols-btn[data-cols="3"],
+body.on-downloads[data-grid-cols="4"] .grid-cols-btn[data-cols="4"] {
   background: transparent;
   color: var(--ink-muted, var(--ink-soft));
   border-color: var(--rule);
+}
+/* Solo/Cirkel ook neutraal op agenda/downloads (base-regel gebruikt !important). */
+body.on-shows .view-switcher-wrap .feed-scope-btn.is-active,
+body.on-downloads .view-switcher-wrap .feed-scope-btn.is-active {
+  background: transparent !important;
+  color: var(--ink-muted, var(--ink-soft)) !important;
 }