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]>

workspace/assets/css/start.css

@@ -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; }
+}