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.
This commit is contained in:
2026-09-29 13:41:04 +02:00
parent a6b37909ca
commit 0c696f286d
46 changed files with 704 additions and 668 deletions
+16 -16
View File
@@ -12,20 +12,20 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609291311" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609291311" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609291311" />
<link rel="stylesheet" href="assets/css/start.css?v=202609291311" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609291311" />
<link rel="stylesheet" href="assets/css/leistung.css?v=202609291311" />
<link rel="stylesheet" href="assets/css/module.css?v=202609291311" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609291332" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609291332" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609291332" />
<link rel="stylesheet" href="assets/css/start.css?v=202609291332" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609291332" />
<link rel="stylesheet" href="assets/css/leistung.css?v=202609291332" />
<link rel="stylesheet" href="assets/css/module.css?v=202609291332" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202609291311" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609291332" />
</head>
<body class="start">
@@ -444,13 +444,13 @@
</form>
</dialog>
<script src="assets/js/meldung.js?v=202609291311"></script>
<script src="assets/js/nachfrage.js?v=202609291311"></script>
<script src="assets/js/wahl.js?v=202609291311"></script>
<script src="assets/js/bereiche.js?v=202609291311"></script>
<script src="assets/js/kopf.js?v=202609291311"></script>
<script src="assets/js/glocke.js?v=202609291311"></script>
<script src="assets/js/leistung.js?v=202609291311"></script>
<script src="assets/js/installieren.js?v=202609291311" defer></script>
<script src="assets/js/meldung.js?v=202609291332"></script>
<script src="assets/js/nachfrage.js?v=202609291332"></script>
<script src="assets/js/wahl.js?v=202609291332"></script>
<script src="assets/js/bereiche.js?v=202609291332"></script>
<script src="assets/js/kopf.js?v=202609291332"></script>
<script src="assets/js/glocke.js?v=202609291332"></script>
<script src="assets/js/leistung.js?v=202609291332"></script>
<script src="assets/js/installieren.js?v=202609291332" defer></script>
</body>
</html>