Changeset 4bb93aa in Klonkt for src

Timestamp:

08/12/2026 08:32:32 PM (3 months ago)

Author:

Robin <roboburr@…>

Children:

5412cbb

Parents:

5218863

Message:

Ward-PWA: hidden wint weer van display:flex

De gespreks-overlay stond vanaf het laden permanent over de pagina
(Robins schermafdruk, 12-8). De terugknop deed zijn werk wel: hij zette
netjes hidden. Maar het hidden-attribuut werkt via de browser-stylesheet
(display:none), en elke eigen display-regel wint daarvan; de flex van
#thread hield de overlay dus zichtbaar, dicht noch open te krijgen.

Eén regel lost de hele klasse op, niet alleen dit geval:
[hidden] { display: none !important; }

Changed files:
src/assets/css/ward.css

• de [hidden]-regel, bovenaan, met uitleg

test/ward-pwa.test.js

• bewaakt dat de regel bestaat EN dat er een display:flex is om van te winnen; anders bewaakt de test niets

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

File:

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

src/assets/css/ward.css

@@ -10 +10 @@
 }
 * { box-sizing: border-box; }
+/* Het hidden-attribuut wint ALTIJD. Zonder deze regel verslaat elke eigen
+   display-regel (zoals de flex van #thread) de browser-default display:none,
+   en dan staat een 'verborgen' overlay gewoon over de pagina heen. Dat was
+   precies de vastzittende gespreks-overlay van 12-8. */
+[hidden] { display: none !important; }
 body {
   margin: 0; padding: 16px calc(16px + env(safe-area-inset-right)) 32px calc(16px + env(safe-area-inset-left));