Changeset 86ec01b in Klonkt

Timestamp:

08/10/2026 09:13:43 AM (4 weeks ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

09fc5fb, 59d963f

Parents:

aae5881

git-author:

Robin <roboburr@…> (08/10/2026 09:13:41 AM)

git-committer:

roboburr <roboburr@…> (08/10/2026 09:13:43 AM)

Message:

De poortenlijst klapt weer dicht (Barts melding, 9-8)

"Het gate panel zat achter een te verbergen collapsible, daar is die nu onderuit
gekomen." Klopt, en de inklap zelf was niet stuk -- de JS zet hidden netjes.

.g-gates kreeg met het cockpit-werk display: grid, en een auteursregel slaat
de browserstijl [hidden] { display: none } ongeacht specificiteit. Dus stond de
lijst permanent open, en met twaalf poorten maal honderd wards duwt dat precies
alles van het scherm wat de inklap moest voorkomen.

Het geschiedenislogje deelt die klasse en stond dus ook altijd open. Een melding,
twee kwalen.

NIET OP EEN KLASSE GEREPAREERD MAAR OP DE REGEL. .g-panel[hidden] stond er al:
iemand liep hier eerder tegenaan en loste het voor dat ene element op, waarna de
volgende display: de fout opnieuw maakte. Er staan eenentwintig regels met
display: in dit bestand en elke nieuwe is een kandidaat. [hidden] hoort per
definitie boven alles te staan, en dat is de zeldzame plek waar !important het
juiste gereedschap is in plaats van een noodgreep.

Suite 837/837 (837, niet 782: er is werk van anderen bijgekomen).

File:

• src/assets/css/guardian.css (modified) (1 diff)

src/assets/css/guardian.css

@@ -126 +126 @@
 .g-card.ward > .row { gap: 8px; }
 .g-panel { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); }
-.g-panel[hidden] { display: none; }
+/* HIDDEN MOET ALTIJD WINNEN, van elke display-regel hierboven of hieronder.
+   Dit stond eerst alleen op .g-panel, en toen de poortenlijst `display: grid`
+   kreeg klapte die niet meer dicht -- Barts melding (9-8): "die is er onderuit
+   gekomen". Ook het geschiedenislogje deelde die klasse en stond dus permanent
+   open.
+
+   Een auteursregel slaat de browserstijl `[hidden] { display: none }` ongeacht
+   specificiteit, dus elke nieuwe `display:` in dit bestand zou de fout opnieuw
+   maken. Dit is de zeldzame plek waar !important het juiste gereedschap is: de
+   regel hoort per definitie boven alles te staan. */
+[hidden] { display: none !important; }
 .g-panel-sec + .g-panel-sec { margin-top: 16px; }
 .g-panel-sec h3 { margin: 0 0 6px; font-size: .82rem; font-weight: 600; letter-spacing: .03em;