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:
@@ -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 --
|
||||
|
||||
Reference in New Issue
Block a user