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

Timestamp:

08/19/2026 06:33:11 PM (3 weeks ago)

Author:

Robin <roboburr@…>

Branches:

main

Children:

8c91ed3

Parents:

70dbef4

Message:

Lezen staat in de cirkel zichtbaar maar dood, in plaats van weg

De knop verdween daar helemaal, met het argument dat een knop die niets
doet erger is dan geen knop. In de praktijk pakte dat andersom uit: de
pil werd smaller op de cirkel en breder op solo, en die sprong leest als
'er is hier iets weg' -- terwijl juist NIET duidelijk werd dat Lezen
bestaat en er alleen hier niet kan. Nu staat hij er grijs bij, met een
titel die zegt waarom, en is Grid zichtbaar de enige mogelijkheid.

Wat daarmee vervalt: de aparte cirkel-voorkeur ('pcms-cirkel-view').
Die kon nog maar een waarde hebben. De solo-keuze blijft onaangeroerd --
op de cirkel schrijven we niets meer naar localStorage, dus je komt thuis
in de weergave die je achterliet.

Drie plekken rekenden erop dat de knop er niet was en zijn meegegaan: de
terugval 'is dit de enige knop, dan brengt hij je naar de standaard' (er
zijn er nu twee, en op de cirkel hoort Grid juist de enige te blijven),
de aria-sync (een dode knop kan nooit de actieve zijn) en de klik-
afhandeling (expliciet op sw.disabled, niet vertrouwen op dat een
disabled button geen click vuurt -- deze listener hangt op document).

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

File:

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

src/views/partials/shared-styles.ejs

@@ -40 +40 @@
    feed pages syncAria sets aria-selected=false → both grey. */
 .view-switch-btn[aria-selected="true"] { background: var(--ink); color: var(--paper); border-color: var(--ink); }
+/* Lezen in de cirkel: zichtbaar maar dood. Niet weggelaten, want dan springt de
+   pil van breedte tussen Solo en Cirkel, en juist DAT verbergt dat er een
+   tweede weergave bestaat. Grijs + not-allowed zegt "bestaat, kan hier niet". */
+.view-switch-btn[disabled] { opacity: .38; cursor: not-allowed; }
+.view-switch-btn[disabled]:hover { color: var(--ink-muted, var(--ink-soft)); background: transparent; }
 
 /* Agenda = its OWN pill (separate from Timeline/Grid, so the feed-toggle is never