Changeset cf7c2d9 in Klonkt for src/views/partials/shared-styles.ejs

Timestamp:

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

Author:

roboburr <roboburr@…>

Branches:

main

Children:

d7b5a6c

Parents:

34b126b

Message:

feat(nav): Agenda link in the view-switcher + "shows" → "events"

Left of the Timeline/Grid bar there is now a 📅 Agenda link to the agenda
page (/shows), visible for premium instances. Visible labels on the agenda
and in Admin renamed from "show(s)" to "event(s)" (routes stay /shows).

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

File:

• src/views/partials/shared-styles.ejs (modified) (1 diff)

src/views/partials/shared-styles.ejs

@@ -37 +37 @@
 .view-switch-btn:hover { color: var(--ink); }
 .view-switch-btn[aria-selected="true"] { background: var(--paper); color: var(--ink); box-shadow: 0 1px 2px rgba(0,0,0,.06); }
+
+/* Agenda-link (evenementen) links in de switcher-balk. */
+.vs-agenda {
+  display: inline-flex; align-items: center; gap: 0.4rem;
+  margin-right: auto;            /* naar links; Tijdlijn/Grid blijven rechts */
+  padding: 0.35rem 0.85rem;
+  border: 1px solid var(--rule); border-radius: 999px;
+  background: var(--paper-2); color: var(--ink-muted, var(--ink-soft));
+  text-decoration: none; font-size: 0.85rem; font-weight: 600;
+  transition: background 120ms, color 120ms, border-color 120ms;
+}
+.vs-agenda:hover { color: var(--ink); border-color: var(--accent); }
+.vs-agenda svg { opacity: .85; }
+@media (max-width: 560px) { .vs-agenda { margin-right: 0; } }
 
 .grid-cols-picker {