Ein Anruf faengt leise an
Filipe: "uebrigens soll man auswaehlen koennen ob man lautsprecher will oder nicht bitte. es soll ohne lautsprecher anfangen das gespraech und nur wenn man drauf klickt soll es laut werden ... es soll nicht raushaengen oder so, das ist nicht cool." DER GRUND IST DER STREAM. Ein Anruf, der beim Annehmen sofort aus den Lautsprechern kommt, ist im schlimmsten Fall fuer alle Zuschauer zu hoeren, bevor irgendjemand reagieren kann. Das laesst sich nicht zurueckholen. HIER STAND `hoeren = true` mit der Begruendung: "Wer den Ton abgestellt hat, will ihn nicht beim naechsten Gespraech wieder an." Das war richtig gedacht und ist jetzt umgedreht -- aus demselben Grund, nur in die andere Richtung: Der Zustand soll NICHT ueberdauern. Eine Entscheidung von vorhin darf nicht fuer ein Gespraech gelten, von dem man noch nichts wusste. Zurueckgesetzt wird an BEIDEN Wegen, beim Anrufen und beim Rangehen -- einer allein waere die Haelfte, und die andere Haelfte faellt niemandem auf, bis es einmal zu laut war. UND MAN SIEHT ES. Leise anfangen ohne Hinweis waere die naechste Sackgasse: "ich hoere nichts" ohne Grund und ohne Weg. Ein Balken sagt es, solange es gilt, und verschwindet in dem Moment, in dem man den Ton anmacht. Er ist SELBST der Knopf -- wer liest "tippen, um den Ton anzumachen", will genau das tun. Gedaempftes Bernstein statt Alarmrot: Es ist kein Fehler, sondern ein Zustand. DABEI EINEN EIGENEN FEHLER GEFANGEN: Der Balken fragte `!anruf` -- und diese Variable wird erst gesetzt, NACHDEM der Kasten aufgeht. Beim Aufbauen blieb er deshalb versteckt, und man sass in einem stummen Gespraech ohne einen Satz dazu. Genau der Zustand, den er verhindern soll. Jetzt haengt er am sichtbaren Kasten. DIE PRUEFUNG WURDE ROT und hat damit ihre Arbeit getan -- sie hielt das alte Verhalten fest. Umgedreht, nicht gestrichen: Die wichtigste Falle (ueberlebt der Schalter das Neuzeichnen, wenn jemand auflegt?) bleibt, nur der erwartete Zustand hat sich gedreht. GEPRUEFT: pruef-anruf 117/0 (war 114) -- drei Aussagen mehr, darunter dass der Hinweis da ist, 44 px hoch und im richtigen Moment verschwindet. Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
@@ -2155,3 +2155,56 @@
|
||||
.chat-raum__erwaehnt { border: 1px solid CanvasText; }
|
||||
.erwaehn-liste__eintrag[data-wahl="ja"] { border: 2px solid Highlight; }
|
||||
}
|
||||
|
||||
/* ---- „Du hörst noch nichts" (20.09.2026) ----------------------------
|
||||
|
||||
Filipe: „es soll ohne lautsprecher anfangen das gespräch und nur wenn
|
||||
man drauf klickt soll es laut werden."
|
||||
|
||||
Wörtlich umgesetzt — und deshalb braucht es diesen Balken. Ein
|
||||
Gespräch, in dem man nichts hört und nicht weiß warum, ist die
|
||||
nächste Sackgasse. Er steht zwischen Kopfzeile und Gesprächsteilnehmern,
|
||||
also genau dort, wohin man zuerst schaut.
|
||||
|
||||
GEDÄMPFT, NICHT ALARMROT. Es ist kein Fehler, sondern ein Zustand,
|
||||
den man selbst gewählt bekommt — und Alarmfarben für Normalzustände
|
||||
sind der schnellste Weg, dass man Alarmfarben nicht mehr ernst
|
||||
nimmt. Ein ruhiges Bernstein sagt „da ist etwas", ohne zu schreien. */
|
||||
.anruf__stumm {
|
||||
appearance: none;
|
||||
display: flex; align-items: center; gap: 10px;
|
||||
width: 100%; min-height: 44px;
|
||||
margin: 0 0 10px;
|
||||
padding: 9px 12px;
|
||||
border: 1px solid color-mix(in srgb, #f0b429 42%, transparent);
|
||||
border-radius: var(--radius-klein);
|
||||
background: color-mix(in srgb, #f0b429 12%, transparent);
|
||||
color: var(--text);
|
||||
font: inherit; font-size: .88rem; font-weight: 600;
|
||||
text-align: left; cursor: pointer;
|
||||
transition: background var(--tempo), border-color var(--tempo);
|
||||
}
|
||||
.anruf__stumm:hover {
|
||||
background: color-mix(in srgb, #f0b429 20%, transparent);
|
||||
border-color: color-mix(in srgb, #f0b429 62%, transparent);
|
||||
}
|
||||
.anruf__stumm:focus-visible { outline: 2px solid var(--akzent); outline-offset: 2px; }
|
||||
.anruf__stumm svg {
|
||||
flex: none; width: 20px; height: 20px;
|
||||
fill: none; stroke: #f0b429; stroke-width: 1.7;
|
||||
stroke-linecap: round; stroke-linejoin: round;
|
||||
}
|
||||
/* Ein ruhiges Pulsieren, damit er im Augenwinkel auffällt -- und
|
||||
nichts davon für jemanden, der weniger Bewegung eingestellt hat.
|
||||
Das ist keine Deko: Wer den Balken übersieht, hört sein Gespräch
|
||||
nicht. */
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
.anruf__stumm { animation: stumm-atmen 2.6s ease-in-out infinite; }
|
||||
@keyframes stumm-atmen {
|
||||
0%, 100% { border-color: color-mix(in srgb, #f0b429 42%, transparent); }
|
||||
50% { border-color: color-mix(in srgb, #f0b429 78%, transparent); }
|
||||
}
|
||||
}
|
||||
@media (forced-colors: active) {
|
||||
.anruf__stumm { border: 2px solid CanvasText; animation: none; }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user