Die Transportleiste steht am Handy in einer Reihe

Auf dem Bildschirmfoto nach dem Umbau lagen der runde Play-Knopf und
seine Nachbarn uebereinander. `pruef-handy` meldete das nicht: Sie
fragt, ob die MITTE eines Knopfes frei ist -- zwei Knoepfe koennen
sich an den Raendern ueberlagern und beide „erreichbar" sein. Wer
danebentippt, trifft trotzdem den falschen.

GEMESSEN (neue Stelle in mess-reaktion, die jedes Knopfpaar der
Leiste auf Ueberschneidung prueft):

    tempo-auf / v-spiel   21 x 44 px
    v-spiel / v-tauschen  21 x 38 px

URSACHE: `grid-template-columns: auto 1fr auto`. Tempo links und
„Wechseln zu <Videotitel>" rechts nahmen so viel, dass die mittlere
Spalte schmaler wurde als der 58 Pixel breite Play-Knopf -- und ein
zentrierter Inhalt, der breiter ist als seine Spalte, ragt ueber
BEIDE Raender.

Jetzt `minmax(0, auto) max-content minmax(0, auto)`: Die Mitte ist
so breit wie ihre drei Knoepfe zusammen und schrumpft nie, die
Seiten geben nach. `min-content` war dabei die falsche Zwischenstufe
-- damit war die Spalte so breit wie ihr BREITESTER Knopf, und
„−10" und „+10" brachen darunter um.

GEPRUEFT: pruef-handy, -tippziele, -css-klassen, -reaktion und
mess-quer alle EXIT 0; mess-reaktion meldet „Kein Knopf der
Transportleiste liegt ueber einem anderen" und 133 Pixel sichtbares
Bild.
This commit is contained in:
2026-09-29 13:18:42 +02:00
parent e272dd4673
commit a6b37909ca
47 changed files with 715 additions and 667 deletions
+20 -20
View File
@@ -12,26 +12,26 @@
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=202609291246" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609291246" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609291246" />
<link rel="stylesheet" href="assets/css/start.css?v=202609291246" />
<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" />
<!-- aufgaben.css bringt die Dialog- und Formularstile mit (.dialog,
.neu__zeile, .dialog__knoepfe). Sie stehen dort seit dem
Aufgabenbrett; sie hierher zu kopieren hiesse, sie an zwei Stellen
zu pflegen. Dieselbe Lösung nutzen kalender.html und content.html.
Gemeldet von pruef-css-klassen.mjs, bevor jemand einen ungestylten
Dialog zu sehen bekam. -->
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609291246" />
<link rel="stylesheet" href="assets/css/chat.css?v=202609291246" />
<link rel="stylesheet" href="assets/css/module.css?v=202609291246" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609291311" />
<link rel="stylesheet" href="assets/css/chat.css?v=202609291311" />
<link rel="stylesheet" href="assets/css/module.css?v=202609291311" />
<!-- 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=202609291246" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609291311" />
</head>
<body class="start">
@@ -739,24 +739,24 @@
</form>
</dialog>
<script src="assets/js/bereiche.js?v=202609291246"></script>
<script src="assets/js/bereiche.js?v=202609291311"></script>
<!-- TEXTFORM VOR ALLEM ANDEREN (21.09.2026): chat.js und bereich.js
fragen beim Zeichnen nach `window.Textform`. Kaeme sie spaeter,
waere die erste gezeichnete Nachricht ohne Gestaltung -- und das
faellt nur dem auf, der genau hinsieht. KEIN `defer`, damit sie
wirklich vor den anderen dasteht. -->
<script src="assets/js/textform.js?v=202609291246"></script>
<script src="assets/js/meldung.js?v=202609291246" defer></script>
<script src="assets/js/hochladen.js?v=202609291246" defer></script>
<script src="assets/js/nachfrage.js?v=202609291246" defer></script>
<script src="assets/js/wahl.js?v=202609291246" defer></script>
<script src="assets/js/kopf.js?v=202609291246"></script>
<script src="assets/js/glocke.js?v=202609291246"></script>
<script src="assets/js/textform.js?v=202609291311"></script>
<script src="assets/js/meldung.js?v=202609291311" defer></script>
<script src="assets/js/hochladen.js?v=202609291311" defer></script>
<script src="assets/js/nachfrage.js?v=202609291311" defer></script>
<script src="assets/js/wahl.js?v=202609291311" defer></script>
<script src="assets/js/kopf.js?v=202609291311"></script>
<script src="assets/js/glocke.js?v=202609291311"></script>
<!-- ANRUF VOR CHAT (18.09.2026): anruf.js stellt `window.anrufStarten`
bereit, und chat.js baut die Knoepfe nur, wenn es das gibt.
Andersherum waere die Reihenfolge eine stille Abhaengigkeit --
die Knoepfe fehlten, und niemand wuesste warum. -->
<script src="assets/js/anruf.js?v=202609291246"></script>
<script src="assets/js/anruf.js?v=202609291311"></script>
<!-- DIE BILDSCHAU (25.09.2026). Eigene Datei, weil sie nichts vom
Chat weiss: Sie bekommt einen Weg und einen Namen und zeigt ein
Bild. Jede andere Seite mit Fotos kann sie ebenso benutzen, ohne
@@ -767,8 +767,8 @@
sie beim ersten Foto noch nicht da -- und der erste Klick ginge
wie frueher in den Tab. Ein Fehler, der nur beim ERSTEN Mal
auftritt, ist der, den man nie nachstellen kann. -->
<script src="assets/js/bildschau.js?v=202609291246"></script>
<script src="assets/js/chat.js?v=202609291246"></script>
<script src="assets/js/installieren.js?v=202609291246" defer></script>
<script src="assets/js/bildschau.js?v=202609291311"></script>
<script src="assets/js/chat.js?v=202609291311"></script>
<script src="assets/js/installieren.js?v=202609291311" defer></script>
</body>
</html>