Die Reaktionstafel landete in der Spalte des Namenskreises

Filipe, mit einem Bildschirmfoto: "was ist das den fuer eine scheisse
verbesser das sofort." Darauf ein dreissig Pixel schmaler Streifen,
sechs Zeichen untereinander, ein Rollbalken daneben.

.chat-nachricht ist ein RASTER aus zwei Spalten: dreissig Pixel fuer
den Kreis mit den Initialen, der Rest fuer die Blase. Ein Kind ohne
Spaltenangabe wird automatisch in die naechste freie Zelle gesetzt --
und das ist die Spalte des Kreises. `width: min(330px, 100%)` machte
daraus brav 30 Pixel, und die Zeichen stapelten sich.

UND WARUM ES NIEMANDEM AUFGEFALLEN IST: Bei der EIGENEN Nachricht
entfaellt der Kreis, das Raster hat dann nur eine Spalte, die Tafel
bekam die volle Breite. Die Pruefung vom 14.09. hat genau diesen Fall
gemessen -- nachgemessen heute: selbst=ja, eine Spalte, 611 px. Sie
war gruen, waehrend es bei JEDER fremden Nachricht kaputt war.

Und sie hat ausserdem nur Anwesenheit geprueft ("gibt es die
Elemente", "sucht die Suche") -- nie Geometrie. Eine dreissig Pixel
breite Tafel besteht jede dieser Zeilen.

Jetzt gemessen, und zwar in BEIDEN Faellen: Breite, ob die sechs
Vorschlaege auf EINER Zeile stehen, und ob die Tafel neben dem Kreis
steht statt darunter. Dafuer schreibt der Testraum jetzt auch eine
Nachricht von jemand anderem -- ohne die gab es dort nur eigene.

GEGENPROBE (Reparatur kurz entfernt, gemessen, wieder eingesetzt):

  ohne  30 px, 6 Zeilen, +0 px   <- genau das Bildschirmfoto
  mit   330 px, 1 Zeile, +39 px

  server/pruef-chat-aufloesen.mjs   125 Pruefungen (vorher 119)
  pruef-chat-optik, pruef-chat, pruef-css-klassen -- alle in Ordnung

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-09-15 17:31:35 +02:00
co-authored by Claude Opus 5
parent 5707e22b45
commit a919bc8720
32 changed files with 474 additions and 359 deletions
+12 -12
View File
@@ -12,21 +12,21 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609151721" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609151721" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609151721" />
<link rel="stylesheet" href="assets/css/start.css?v=202609151721" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609151730" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609151730" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609151730" />
<link rel="stylesheet" href="assets/css/start.css?v=202609151730" />
<!-- Nur die Startseite: Begrüßungskachel, Uhr, Glockenmulde. Siehe
den Hinweis in start.css -- dort stand es bis zum 07.09.2026. -->
<link rel="stylesheet" href="assets/css/heim.css?v=202609151721" />
<link rel="stylesheet" href="assets/css/module.css?v=202609151721" />
<link rel="stylesheet" href="assets/css/heim.css?v=202609151730" />
<link rel="stylesheet" href="assets/css/module.css?v=202609151730" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202609151721" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609151730" />
</head>
<body class="start">
@@ -674,10 +674,10 @@
</p>
</main>
<script src="assets/js/wahl.js?v=202609151721" defer></script>
<script src="assets/js/bereiche.js?v=202609151721" defer></script>
<script src="assets/js/kopf.js?v=202609151721" defer></script>
<script src="assets/js/glocke.js?v=202609151721" defer></script>
<script src="assets/js/start.js?v=202609151721" defer></script>
<script src="assets/js/wahl.js?v=202609151730" defer></script>
<script src="assets/js/bereiche.js?v=202609151730" defer></script>
<script src="assets/js/kopf.js?v=202609151730" defer></script>
<script src="assets/js/glocke.js?v=202609151730" defer></script>
<script src="assets/js/start.js?v=202609151730" defer></script>
</body>
</html>