Einen Aushang loest jeder fuer sich -- fuer alle nur DogFather und die rechte Hand

Filipe: "jeder soll das fixierte individuel für sich lösen können aber
niemals so dass es sich für alle löst. außer dogfather macht es oder die
rechte hand dan ist es bei jedem weg ansonsten sollen alle anderen
rollen es individuell für sich lösen können. dogfather und die rechte
hand sollen die option haben für sich selbst oder für alle zu lösen."

BIS HEUTE GAB ES NUR EIN LOESEN, UND DAS GALT FUER ALLE. Wer den Knopf
sah, nahm damit jedem im Raum den Aushang weg; wer ihn nicht sah, musste
die Ansage vom Montag bis Freitag ueber jedem Gespraech stehen lassen.

JETZT ZWEI KNOEPFE AM AUSHANG:

  "lösen"      nimmt ihn nur bei MIR weg -- jeder darf das, ohne
               Rueckfrage. Umkehrbar: Das Menue an der Nachricht holt
               ihn mit "wieder oben" zurueck. Eine Rueckfrage vor etwas
               Umkehrbarem lernt man wegzuklicken, und danach klickt man
               auch die weg, die zaehlt.

  "bei allen"  nimmt ihn jedem weg -- nur fuer DogFather und die rechte
               Hand, und MIT Rueckfrage. Er traegt die Warnfarbe des
               Hauses: Zwei gleich aussehende Knoepfe nebeneinander
               waeren die schlechteste Loesung, man traefe den falschen
               und merkte es erst, wenn jemand fragt, wo die Ansage
               hin ist.

EIN EINZIGER KNOPF MIT AUSWAHLFENSTER waere kuerzer und schlechter: Der
haeufige Fall ("weg damit, kenne ich") braeuchte dann zwei Klicks, und
der seltene, folgenreiche waere genauso weit entfernt wie der harmlose.

WAS NICHT IN FILIPES SATZ STEHT UND TROTZDEM NOETIG IST: Wer einen
Aushang SELBST angeheftet hat, darf ihn auch selbst wieder fuer alle
loesen. Sonst entsteht eine Sackgasse -- es haengen hoechstens drei,
und eine Gruppenleitung, die drei angeheftet hat und keinen abnehmen
darf, koennte nie wieder etwas anheften. Sie nimmt damit nur zurueck,
was sie selbst getan hat; das ist die Kehrseite derselben Erlaubnis,
keine neue.

TECHNISCH: eine Tabelle `chat_pin_aus` (Nachricht, Person). Kein
Eintrag heisst sichtbar -- nicht umgekehrt, sonst muesste beim Anheften
fuer jeden Teilnehmer eine Zeile entstehen und wer spaeter dazukommt,
saehe den Aushang nie. Der Verbund steht in der Abfrage und nicht im
Browser: Eine Liste, die alles schickt und im Browser gefiltert wird,
ist eine Liste, die alles schickt.

GEMESSEN -- server/pruef-pin-fuer-mich.mjs (neu), 37 Pruefungen, 0 Fehler:
  - Der Modi nimmt sie bei sich weg. BEI DOGFATHER UND BEIM ZWEITEN
    MODI HAENGT SIE WEITER -- das ist der Kern des Auftrags, und er
    laesst sich nur mit mehreren Anmeldungen messen.
  - Er holt sie zurueck; zweimal wegnehmen ist kein Fehler.
  - Er kann NICHT fuer alle loesen (403), und die Absage sagt, was
    stattdessen geht.
  - Die rechte Hand loest fuer alle -- danach ist sie bei jedem weg.
  - Wer selbst angeheftet hat, loest seinen eigenen (200) und den von
    DogFather nicht (403).
  - Das Nachruecken stimmt: Wer einen von dreien weggenommen hat, sieht
    zwei, waehrend DogFather drei sieht.
  - Drei Gegenproben: fremder Raum 404, ohne Anmeldung 401, erfundene
    Nummer 404.

DIE PRUEFUNG MUSSTE AUF node:http UMGEBAUT WERDEN. Sie braucht
Team-Dogi-Rollen, die es nur auf der Crew-Adresse gibt -- und den
`Host`-Kopf laesst `fetch` nicht setzen (verbotener Kopf, undici
verwirft ihn stumm). Die Anfrage kam auf 127.0.0.1 an, waehrend
`Origin` die Crew-Adresse nannte; jede schreibende Anfrage bekam 403
"fremde_herkunft". Im ersten Lauf sah das aus, als sei die neue Route
kaputt.

AUSSERDEM IN DIESER RUNDE: Die drei Faecher im Chat (Personen, Gruppen,
Kanaele) waren 38 px hoch statt 44. Gefunden vom Handy-Rundgang bei
jeder Rolle -- aber erst, seit der Sammellauf auch die Zeile UNTER dem
Befund mitschreibt. Vorher stand dort nur "1 Befund".

Die Schemaaenderung auf einer Kopie der echten Datenbank durchgespielt:
72 Tabellen, keine Zeile und keine Spalte verloren, chat_pin_aus da.
pruef-chat 63/0, pruef-chat-optik 62/0, pruef-chat-kanaele 81/0,
pruef-treffchat 110/0, pruef-chat-neu 36/0, pruef-handy-teamdogi
0 Befunde, pruef-css-klassen gruen.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-09-25 14:13:05 +02:00
co-authored by Claude Opus 5
parent a06184f24f
commit bf3c7bd718
50 changed files with 1871 additions and 649 deletions
+58
View File
@@ -3005,6 +3005,39 @@
.chat-pin__los:hover { color: var(--text); background: rgba(255, 255, 255, .04); }
.chat-pin__los:focus-visible { outline: 2px solid var(--akzent); outline-offset: -2px; }
/* ==== ZWEI KNOEPFE, UND SIE SEHEN VERSCHIEDEN AUS (25.09.2026) =====
„lösen" nimmt den Aushang nur bei MIR weg -- der haeufige, harmlose
Handgriff. „bei allen" nimmt ihn jedem im Raum weg.
ZWEI GLEICH AUSSEHENDE KNOEPFE NEBENEINANDER waeren die
schlechteste Loesung von allen: Man trifft den falschen und merkt es
erst, wenn jemand fragt, wo die Ansage hin ist. Der zweite ist
deshalb schmaler geschrieben und traegt die Warnfarbe des Hauses --
nicht schreiend, aber unverwechselbar.
DIE ECKE GEHOERT DEM LETZTEN. Steht „bei allen" daneben, rundet er
rechts ab und „lösen" bekommt eine gerade Kante -- sonst haette man
zwei abgerundete Ecken in der Mitte des Streifens.
AM FINGER 44 px. Die Knoepfe stehen dicht beieinander; zu kleine
Ziele sind hier nicht nur unbequem, sondern gefaehrlich. */
.chat-pin__los--alle {
color: color-mix(in srgb, var(--warn, #ff9aa2) 72%, #ffffff);
border-left-color: color-mix(in srgb, var(--warn, #ff9aa2) 28%, transparent);
}
.chat-pin__los--alle:hover {
color: #ffd9dd;
background: rgba(255, 154, 162, .12);
}
.chat-pin:has(.chat-pin__los--alle) .chat-pin__los:not(.chat-pin__los--alle) {
border-radius: 0;
}
@media (pointer: coarse) {
.chat-pin__los { min-height: 44px; padding: 0 12px; }
}
@media (max-width: 560px) {
.chat-pin__wer { display: none; }
}
@@ -5577,3 +5610,28 @@
.bildschau__buehne { padding: 64px 12px 24px; }
.bildschau__bild { max-width: 96vw; max-height: 78dvh; }
}
/* =====================================================================
DIE DREI FAECHER AM FINGER (25.09.2026)
=====================================================================
`.chat-art` — Personen, Gruppen, Kanäle — stand auf `min-height:
38px`. Am Rechner ist das richtig: Die Reihe sitzt direkt über der
Gesprächsliste, und jedes Pixel mehr schiebt die erste Zeile nach
unten.
AM DAUMEN SIND 38 ZU WENIG. Die Hausgröße für Berührziele sind 44,
und `pruef-handy-teamdogi` hat es bei jeder Rolle gemeldet
(„button.chat-art 106×38"). Gebaut wurden die Fächer in der Nacht
zum 25.09.; gefunden hat es der Rundgang am Mittag desselben Tages
— aber erst, nachdem der Sammellauf auch die Zeile UNTER dem
Befund mitschreibt. Vorher stand dort nur „1 Befund".
Dieselbe Trennung wie bei allen anderen Knöpfen der Datei: Wo ein
grobes Zeigegerät im Spiel ist, gilt die volle Hausgröße. Die Regel
steht ganz am Ende der Datei und damit HINTER `.chat-art` oben —
bei gleicher Stärke gewinnt die spätere. Das war heute schon
einmal die halbe Stunde wert, die der GIF-Knopf gekostet hat. */
@media (pointer: coarse) {
.chat-art { min-height: 44px; }
}
+114
View File
@@ -8964,3 +8964,117 @@ body[data-ton] .kopfleiste__rechts > *:hover {
@media (forced-colors: active) {
.kachel[data-silber="ja"] { background-image: none; }
}
/* =====================================================================
DER MEHR-KNOPF IN DER KOPFLEISTE (25.09.2026)
=====================================================================
Filipe, 09.09.2026: „es soll alles in einer reihe sein."
Seither ist die Leiste auf acht Teile gewachsen, und acht
Berührziele zu 44 px passen auf einem Handy nicht nebeneinander.
Statt die Knöpfe zu verkleinern (unter 44 px trifft man sie nicht)
oder eine Schwelle zu setzen (eine Rechnung von gestern), MISST
kopf.js, ob die Leiste einreihig steht — und schiebt sonst den
nächsten Kandidaten hier hinein.
DER KNOPF SIEHT AUS WIE DIE ANDEREN: 44 px, dieselbe Rundung,
dieselbe leise Fläche. Er ist kein Sonderfall, sondern der neunte
Knopf — nur dass hinter ihm die stehen, für die kein Platz war.
DAS FACH HÄNGT UNTER IHM und nicht über der halben Seite: Wer
„Abmelden" sucht, soll es dort finden, wo der Knopf steht. Auf sehr
schmalen Bildschirmen zieht es sich am rechten Rand entlang, damit
es nicht aus dem Bild läuft — `max-width` mit `calc` statt einer
festen Breite, sonst wäre es bei 320 px wieder zu breit. */
.kopf-mehr {
flex: none;
display: inline-flex; align-items: center; justify-content: center;
width: 44px; height: 44px;
padding: 0;
border: 1px solid var(--rand); border-radius: 12px;
background: rgba(255, 255, 255, .04);
color: var(--text-leise);
cursor: pointer;
}
.kopf-mehr:hover { background: rgba(255, 255, 255, .08); color: var(--text); }
.kopf-mehr:focus-visible { outline: 2px solid var(--akzent); outline-offset: 2px; }
.kopf-mehr[aria-expanded="true"] {
border-color: color-mix(in srgb, var(--akzent) 45%, transparent);
background: color-mix(in srgb, var(--akzent) 12%, transparent);
color: var(--text);
}
/* : Das Zeichen soll keine Klicks abfangen --
sonst ist das Ziel eines Tipps das <svg> und nicht der Knopf, und
jeder Zuhoerer, der auf den Knopf prueft, geht leer aus. */
.kopf-mehr__zeichen {
width: 22px; height: 22px; fill: currentColor; pointer-events: none;
}
/* Das Fach selbst. `position: absolute` an einer Leiste, die selbst
nicht positioniert ist, würde am Dokument kleben — deshalb bekommt
die Leiste hier ihren Bezugspunkt. */
.kopfleiste__rechts { position: relative; }
.kopf-mehr__fach {
position: absolute; top: calc(100% + 6px); right: 0; z-index: 60;
display: flex; flex-direction: column; gap: 4px;
min-width: 168px;
max-width: calc(100vw - 24px);
padding: 8px;
border: 1px solid var(--rand); border-radius: 14px;
background: color-mix(in srgb, var(--tinte, #0b1019) 96%, #ffffff 4%);
box-shadow: 0 18px 40px -16px rgba(0, 0, 0, .8);
}
/* Die Knöpfe darin stehen untereinander und tragen ihren Text — in
der Leiste war er aus Platzgründen versteckt, hier ist Platz.
`justify-content: flex-start` sorgt dafür, dass Zeichen und Wort
links anfangen und nicht jeder Eintrag anders eingerückt aussieht. */
.kopf-mehr__fach > * {
width: 100%;
justify-content: flex-start;
min-height: 44px;
}
/* ==== IM FACH IST PLATZ -- ALSO STEHT DA AUCH DAS WORT ============
In der Leiste werden die Woerter auf schmalen Geraeten weggenommen
(gate.css: `.teilen__text` wird auf 1x1 geklemmt, der
Installieren-Text auf `display: none`). Das ist dort richtig: Ein
Knopf mit Wort braucht dreimal so viel Platz wie einer ohne.
IM FACH GILT DAS GEGENTEIL. Ein Menue mit drei namenlosen Symbolen
untereinander ist ein Raetsel -- und die drei, die hier landen
(Teilen, Installieren, Abmelden), sind genau die, die man selten
benutzt und deshalb nicht am Zeichen erkennt.
DIE REGELN MUESSEN STAERKER SEIN ALS DIE, DIE SIE AUFHEBEN: Die in
gate.css stehen in einer `@media`-Abfrage mit einer Klasse
(`.kopfleiste__rechts .install-knopf__text`) -- also (0,2,0). Zwei
Klassen hier reichen dafuer nicht sicher, weil gate.css SPAETER
geladen wird. Drei tun es: `.kopfleiste__rechts .kopf-mehr__fach
.teilen__text` ist (0,3,0) und gewinnt ueber die Staerke statt ueber
die Reihenfolge. Genau diese Rechnung stand beim Chat schon einmal
an; dort war sie (0,2,0) gegen (0,3,0). */
.kopfleiste__rechts .kopf-mehr__fach .teilen__text,
.kopfleiste__rechts .kopf-mehr__fach .install-knopf__text,
.kopfleiste__rechts .kopf-mehr__fach .suche-knopf__text,
.kopfleiste__rechts .kopf-mehr__fach .chat-knopf__text,
.kopfleiste__rechts .kopf-mehr__fach .abmelden__text {
position: static;
display: inline;
width: auto; height: auto; margin: 0; padding: 0;
overflow: visible; clip-path: none; white-space: nowrap;
}
/* Und die Knoepfe selbst duerfen im Fach ihre Breite nehmen -- in der
Leiste sind sie auf 44 px gestaucht. */
.kopfleiste__rechts .kopf-mehr__fach > * {
width: 100%;
padding: 0 12px;
justify-content: flex-start;
gap: 10px;
}
@media (forced-colors: active) {
.kopf-mehr { border: 1px solid CanvasText; }
.kopf-mehr__fach { border: 1px solid CanvasText; background: Canvas; }
}