Der Kopf der Regie bleibt stehen, waehrend ihr Inhalt rollt

Drei kleine Dinge an der Schublade von vorhin, und eine ehrliche
Notiz zu dem, was nicht ging.

  - `overflow-y: auto` statt `overflow: hidden`. Reicht der Platz
    nicht, rollt die Schublade senkrecht -- statt ihren Inhalt
    unter der Transportleiste verschwinden zu lassen. Senkrechtes
    Rollen war nie das Problem; Filipes Ansage vom 28.09. galt dem
    Wischen nach links und rechts.

  - `flex: none` am Kopf. Ohne das ist er ein Flex-Kind mit
    `shrink: 1` -- was nichts hilft, weil sein `min-height: auto`
    ihn nicht unter die Hoehe seines Inhalts laesst. Er ragte dann
    einfach hinaus.

  - Der Kopf klebt beim Rollen (`position: sticky`). Sonst scrollt
    man „Auf Sendung" weg -- den Knopf, um den es geht.

AUF 320 PIXELN BLEIBT ES BEIM BEKANNTEN MANGEL

Dort bleiben zwischen Registern und Transportleiste rund 190 Pixel,
und der Kopf der Regie allein braucht 210. Sechs Versuche haben nur
bestimmt, WER verdeckt wird: „Vorbereiten" unter der Leiste, die
Schublade ueber „Gaeste" und „Bild", oder beim rollenden Container
22 Pixel Ueberlappung. Keiner hat es geloest.

Das steht jetzt mit Zahlen und Versuchen im Stilblatt -- samt dem
Hinweis, dass es ein eigenes Nachdenken braucht (die Regie wird dort
ein eigener Bildschirm statt einer Schublade) und nicht den siebten
Versuch mit derselben Werkzeugkiste.

NEBENBEI: Die Klammerwache hat ihren zweiten Fund in zwei Tagen
gemacht -- beim Umbauen blieb erneut eine schliessende Klammer ohne
ihren Anfang stehen. `pruef-handy` und `mess-reaktion` waren dabei
gruen; ohne die Wache waere es unbemerkt mitgegangen.

GEPRUEFT: css-klassen, handy, tippziele, reaktion alle EXIT 0;
mess-reaktion EXIT 0 (133 px sichtbares Bild, kein Knopf ueber
einem anderen), mess-quer EXIT 0.

workspace/assets/css/reaktion.css

@@ -3220,6 +3220,21 @@ body[data-nur="buehne"] { background: #000; }
    deshalb beim Stand von vorher -- ein bekannter Mangel, aber
    kein neuer. Ab 360 Pixeln greift die Schublade, und dort ist
    alles sauber. */
+/* ERST AB 360 PIXELN.
+
+   Auf 320x568 bleiben zwischen den Registern und der
+   Transportleiste rund 190 Pixel, und der Kopf der Regie allein
+   braucht 210. Sechs Versuche haben dort nur bestimmt, WER
+   verdeckt wird -- „Vorbereiten" unter der Leiste, oder die
+   Schublade ueber „Gäste" und „Bild", oder beim rollenden
+   Container 22 Pixel Ueberlappung. Keiner hat es geloest.
+
+   Auf diesem Geraet (4 Zoll, 2016) bleibt es deshalb beim Stand
+   von vorher: Bei offener Regie ist die Transportleiste nicht
+   erreichbar. Das ist ein bekannter Mangel und keine Absicht --
+   aber einer, der ein eigenes Nachdenken braucht (etwa: die Regie
+   wird dort ein eigener Bildschirm statt einer Schublade), nicht
+   den siebten Versuch mit derselben Werkzeugkiste. */
 @media (pointer: coarse) and (min-width: 360px) {
   /* IM RASTER, NICHT DARUEBER GESCHWEBT.
 
@@ -3266,6 +3281,11 @@ body[data-nur="buehne"] { background: #000; }
        er redet -- eine Schublade, die alles zudeckt, waere
        derselbe Zustand wie vorher, nur mit anderem Grund.
        Gemessen auf 390x844: rund 120 Pixel Bild, 310 Pixel Regie. */
+    /* 72 PROZENT: Oben bleibt ein Streifen Bild stehen. Wer
+       mitten in der Sendung etwas einstellt, muss sehen, worueber
+       er redet. Gemessen auf 390x844: rund 133 Pixel Bild, 346
+       Pixel Regie -- der Kopf mit den drei grossen Knoepfen passt
+       hinein, der Rest rollt. */
     max-height: 72%;
     /* DER INHALT MUSS SICH DIE HOEHE TEILEN. Ohne diese drei
        Zeilen hielt sich die Schublade an ihre 72 Prozent, ihr
@@ -3275,7 +3295,17 @@ body[data-nur="buehne"] { background: #000; }
        rollt in dem, was uebrig bleibt. */
     display: flex;
     flex-direction: column;
-    overflow: hidden;
+    /* DER KOPF GIBT NICHT NACH, ER ROLLT MIT.
+       Ohne `flex: none` ist er ein Flex-Kind mit `shrink: 1` --
+       das hilft aber nichts, weil sein `min-height: auto` ihn nicht
+       unter die Hoehe seines Inhalts laesst. Er ragte dann einfach
+       hinaus, und auf 320x568 lagen „Vorbereiten" und „Beenden"
+       unter der Transportleiste. Mit `flex: none` und einem
+       rollenden Container bleibt alles innerhalb der Schublade
+       erreichbar -- senkrechtes Rollen war nie das Problem,
+       Filipes Ansage galt dem Wischen nach links und rechts. */
+    overflow-y: auto;
+    overflow-x: hidden;
     z-index: 60;
     /* Ein Schatten nach oben -- sonst sieht die Schublade aus wie
        ein abgeschnittenes Bild statt wie etwas, das darueberliegt. */
@@ -3315,7 +3345,7 @@ body[data-nur="buehne"] { background: #000; }
        44 Pixel Hoehe bleiben (das ist die Daumengrenze), nur die
        Breite gibt nach, damit sie in eine Zeile passen. */
 @media (pointer: coarse) {
-  .pult__leiste { gap: 6px 10px; padding: 8px 12px; }
+  .pult__leiste { gap: 6px 10px; padding: 8px 12px; flex: none; }
   .messwerte { gap: 2px 12px; flex-wrap: nowrap; overflow: visible; }
   .messwerte__paar { display: flex; align-items: baseline; gap: 5px; }
   .messwerte dt { font-size: .72rem; }
@@ -3324,3 +3354,9 @@ body[data-nur="buehne"] { background: #000; }
   .pult__tun .tun { padding: 0 10px; font-size: .78rem; }
 }
 
+/* Der Kopf bleibt stehen, waehrend der Inhalt rollt -- sonst
+   scrollt man „Auf Sendung" weg, den Knopf, um den es geht. */
+@media (pointer: coarse) and (min-width: 360px) {
+  .saal .pult__leiste { position: sticky; top: 0; z-index: 2;
+    background: var(--saal-hoch); }
+}