Changeset d219d56 in Klonkt

Timestamp:

06/20/2026 07:35:49 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

b200738

Parents:

bad5c77

Message:

fix(agenda): Timeline/Grid truly grey on the calendar page

style.css activates the buttons via body[data-feed-view]; neutralise that with
body.on-shows selectors in the same pattern as body.on-post (equal specificity,
inline shared-styles wins). Only Agenda remains active.

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

File:

• src/views/partials/shared-styles.ejs (modified) (2 diffs)

src/views/partials/shared-styles.ejs

@@ -51 +51 @@
 .vs-agenda:hover { color: var(--ink); }
 .vs-agenda.is-active { background: var(--paper); color: var(--ink); box-shadow: 0 1px 2px rgba(0,0,0,.06); }
-/* Op de agendapagina is Agenda het actieve item → Tijdlijn/Grid grijs (inactief). */
-body.on-shows .view-switch-btn[aria-selected="true"] { background: transparent; color: var(--ink-muted, var(--ink-soft)); box-shadow: none; }
 
 .grid-cols-picker {
@@ -92 +90 @@
 body.on-post[data-grid-cols="2"] .grid-cols-btn[data-cols="2"],
 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"] {
+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. */
+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"] {
   background: transparent;
   color: var(--ink-muted, var(--ink-soft));