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
+14 -14
View File
@@ -7,13 +7,13 @@
<meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" />
<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/support.css?v=202609291311" />
<link rel="stylesheet" href="assets/css/module.css?v=202609291311" />
<link rel="stylesheet" href="assets/css/haus.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/support.css?v=202609291332" />
<link rel="stylesheet" href="assets/css/module.css?v=202609291332" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609291332" />
</head>
<body class="start">
@@ -128,16 +128,16 @@
(reading 'LEITUNG')" ab -- gemessen am 24.09.2026, als diese
Zeile beim Anlegen der Seite fehlte. Die Kopfleiste kam
trotzdem, deshalb sah man es nur in der Browserkonsole. -->
<script src="assets/js/bereiche.js?v=202609291311" defer></script>
<script src="assets/js/bereiche.js?v=202609291332" defer></script>
<!-- wahl.js gehoert zu kopf.js: Der Sicht-Umschalter in der
Kopfleiste baut daraus seine Liste. pruef-css-klassen setzt das
seit dem 07.09.2026 durch -- damals fehlte es auf chat.html und
uebersicht.html, und heute hier. -->
<script src="assets/js/wahl.js?v=202609291311" defer></script>
<script src="assets/js/nachfrage.js?v=202609291311" defer></script>
<script src="assets/js/installieren.js?v=202609291311" defer></script>
<script src="assets/js/kopf.js?v=202609291311" defer></script>
<script src="assets/js/glocke.js?v=202609291311" defer></script>
<script src="assets/js/support.js?v=202609291311" defer></script>
<script src="assets/js/wahl.js?v=202609291332" defer></script>
<script src="assets/js/nachfrage.js?v=202609291332" defer></script>
<script src="assets/js/installieren.js?v=202609291332" defer></script>
<script src="assets/js/kopf.js?v=202609291332" defer></script>
<script src="assets/js/glocke.js?v=202609291332" defer></script>
<script src="assets/js/support.js?v=202609291332" defer></script>
</body>
</html>