Der Loeschknopf war auf dem Handy unsichtbar -- und mein erster Ersatz unlesbar

GEFUNDEN, WEIL ICH MIR DEN CHAT ANGESEHEN HABE

Nach dem Umbau von gestern Abend habe ich den Chat im Browser
aufgemacht statt nur die Pruefungen zu lesen. Im Bild klaffte zwischen
"reagieren" und "anheften" eine Luecke von 87 px, in der nichts stand.
Nachgemessen: Der Loeschknopf ist dort -- sichtbar 0.

URSACHE: `.chat-nachricht__weg-knopf { opacity: 0 }`, sichtbar erst
beim Ueberfahren mit der Maus. Das war vertretbar, solange er nur die
EIGENE Nachricht zuruecknahm: ein seltener, absichtlicher Griff.

Seit gestern traegt derselbe Knopf das Notfall-Loeschen fuer DogFather
und die rechte Hand. Und damit wird es zum Fehler:

  * AUF EINEM HANDY GIBT ES KEIN UEBERFAHREN. Der Knopf war dort
    dauerhaft unsichtbar -- eine Funktion, die man auf dem Geraet nicht
    erreicht, gibt es auf dem Geraet nicht. Filipe besteht bei jedem
    Auftrag darauf, dass es auf dem Handy genauso gut sein muss.
  * Er belegte trotzdem Platz. Eine Luecke, die nichts erklaert, sieht
    nach einem Fehler aus.

Was davor schuetzt, versehentlich zu loeschen, ist nicht die
Unsichtbarkeit, sondern die Rueckfrage -- die steht seit dem 19.09. als
eigener Dialog da. Ein Knopf, den man nicht findet, schuetzt niemanden;
er verhindert nur, dass jemand ihn absichtlich benutzt.

UND MEIN ERSTER ERSATZ WAR MESSBAR FALSCH

Ich gab dem Notfall-Knopf den Warnton, gedaempft gemischt mit der
leisen Schrift. Nachgerechnet, bevor ich ihn ausgeliefert habe:

    auf Babyblau            1,91:1   (noetig 4,5)
    auf den dunklen Toenen  4,06 bis 4,13

Unlesbar auf der hellen Kachel, zu wenig auf allen anderen. Die leise
Schriftfarbe ist nicht irgendein Grau -- sie ist genau der Wert, der
auf JEDER Kachel 4,5:1 schafft. Wer daran mischt, gibt diese Zusage
auf.

DER PUNKT TRAEGT DIE FARBE, NICHT DIE SCHRIFT. Denselben Weg geht das
Haus schon beim Namen in der Blase, mit derselben Begruendung: Fuer
eine Schriftfarbe laesst sich bei dreizehn waehlbaren Flaechen kein
Kontrast garantieren, fuer einen 6-px-Punkt daneben ist das egal.
Beim Ueberfahren wird die Schrift HELLER statt bunter -- wer den Knopf
anvisiert, soll ihn am besten lesen koennen, nicht am schlechtesten.

EIN DRITTER FEHLER, DEN DIE GEGENPROBE GEFANGEN HAT

Die neue Pruefung (pruef-loeschen, Abschnitt 5b) sollte zweierlei
sichern: kein `opacity: 0`, und die Notfall-Regel setzt keine eigene
Schriftfarbe. Ich schrieb dafuer `/\bcolor:/` -- gedacht als
Wortgrenze. Geschrieben wurde es durch eine Python-Zeichenkette, und
dort ist \b das BACKSPACE-ZEICHEN. In der Datei stand
`/<0x08>color:/`, ein Ausdruck, der nie etwas findet.

Die Zeile "setzt keine eigene Schriftfarbe" war dadurch GRUEN, ohne je
gesucht zu haben. Aufgefallen ist es nur, weil die Gegenprobe daneben
dieselbe Suche benutzt und ROT wurde -- sie sollte ja etwas finden.

Ohne diese Gegenprobe haette ich eine Pruefung ausgeliefert, die genau
den Fehler nicht sieht, fuer den sie gebaut wurde. Jetzt zwei
schlichte Textsuchen ohne regulaeren Ausdruck.

pruef-loeschen: 25 -> 31, 0 Fehler. Mitgelaufen: pruef-chatkachel (33),
pruef-chat-optik.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-09-23 00:44:07 +02:00
co-authored by Claude Opus 5
parent dc355ad05b
commit d26cdc78ff
41 changed files with 730 additions and 588 deletions
+71 -3
View File
@@ -551,15 +551,83 @@
/* Der Zurücknehmen-Knopf erscheint erst beim Darüberfahren -- er ist
die seltene Handlung und soll nicht in jeder Zeile mitlaufen. Auf
Geräten ohne Zeiger steht er immer da (siehe unten). */
/* =====================================================================
DER LOESCHKNOPF IST SICHTBAR (23.09.2026)
=====================================================================
Hier stand `opacity: 0`, sichtbar erst beim Ueberfahren mit der
Maus. Das war vertretbar, solange er nur die EIGENE Nachricht
zuruecknahm: ein seltener, absichtlicher Griff, den man sucht.
Seit dem 22.09. traegt derselbe Knopf auch das Notfall-Loeschen
fuer DogFather und die rechte Hand. Und damit werden zwei Dinge
zum Problem:
1. AUF EINEM HANDY GIBT ES KEIN ÜBERFAHREN. Der Knopf war dort
dauerhaft unsichtbar -- eine Funktion, die man auf dem Geraet
nicht erreicht, gibt es auf dem Geraet nicht. Und Filipe
besteht bei jedem Auftrag darauf, dass es auf dem Handy
genauso gut sein muss.
2. ER BELEGTE TROTZDEM PLATZ. Im Bildschirmfoto vom 23.09. klafft
zwischen „reagieren" und „anheften" eine Luecke von 87 px --
genau die Breite von „löschen (Notfall)". Eine Luecke, die
nichts erklaert, sieht nach einem Fehler aus.
ER IST JETZT IMMER DA, aber leise -- wie die anderen Handgriffe
daneben. Was davor schuetzt, versehentlich zu loeschen, ist nicht
die Unsichtbarkeit, sondern die Rueckfrage: Sie steht seit dem
19.09. als eigener Dialog da und sagt ausdruecklich, was passiert.
Ein Knopf, den man nicht findet, schuetzt niemanden -- er
verhindert nur, dass jemand ihn absichtlich benutzt.
===================================================================== */
.chat-nachricht__weg-knopf {
padding: 0; border: 0; background: none;
font: inherit; font-size: .75rem;
color: inherit; cursor: pointer;
opacity: 0; transition: opacity .16s ease, color .16s ease;
transition: color .16s ease;
}
.chat-nachricht:hover .chat-nachricht__weg-knopf,
.chat-nachricht__weg-knopf:focus-visible { opacity: 1; }
.chat-nachricht__weg-knopf:hover { color: var(--warn); }
.chat-nachricht__weg-knopf:focus-visible { outline: 2px solid var(--akzent); outline-offset: 2px; }
/* DAS NOTFALL-LOESCHEN SIEHT ANDERS AUS ALS DAS EIGENE -- ABER NICHT
UEBER DIE SCHRIFTFARBE.
Erster Anlauf, und er war messbar falsch: Der Knopf bekam den
Warnton, gedaempft gemischt mit der leisen Schrift. Nachgerechnet:
auf Babyblau 1,91:1 (noetig 4,5)
auf den dunklen Toenen 4,06 bis 4,13
Also unlesbar auf der hellen Kachel und knapp zu wenig auf allen
anderen. Die leise Schriftfarbe ist nicht irgendein Grau -- sie ist
genau der Wert, der auf JEDER Kachel 4,5:1 schafft (schriftFuer im
Server, gemessen von pruef-chatkachel). Wer daran mischt, gibt
genau diese Zusage auf.
DER PUNKT TRAEGT DIE FARBE, NICHT DIE SCHRIFT. Denselben Weg geht
das Haus schon beim Namen in der Blase: „Die Farbe der Rolle sitzt
im Punkt VOR dem Namen, nicht in der Schrift selbst: Bei zwoelf
waehlbaren Flaechen liesse sich fuer eine Schriftfarbe kein
Kontrast mehr garantieren, fuer einen 6-px-Punkt daneben ist das
egal." Genau dieselbe Lage, genau dieselbe Antwort.
BEIM UEBERFAHREN wird die Schrift HELLER (--blase-text, der Wert
mit dem hoechsten Kontrast der Blase) statt bunter. Wer den Knopf
gerade anvisiert, soll ihn am besten lesen koennen -- und nicht am
schlechtesten. */
.chat-nachricht__weg-knopf[data-notfall="ja"] {
display: inline-flex; align-items: center; gap: 5px;
}
.chat-nachricht__weg-knopf[data-notfall="ja"]::before {
content: ""; flex: none;
width: 6px; height: 6px; border-radius: 50%;
background: var(--warn, #ff9aa2);
/* Ein duenner dunkler Saum, damit der Punkt auch auf der hellen
Kachel eine Kante hat -- sonst verschwimmt Lachs auf Babyblau. */
box-shadow: 0 0 0 1px rgba(0, 0, 0, .35);
}
.chat-nachricht__weg-knopf[data-notfall="ja"]:hover { color: var(--blase-text); }
/* Unterwegs und gescheitert: siehe ganz unten in dieser Datei.
Hier stand bis zum 20.09.2026 eine Regel ohne Inhalt --