DogFatherGit/dogfather-universe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Die Transportleiste steht am Handy in einer Reihe

Browse Source 
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:
DogFatherGit
2026-09-29 13:18:42 +02:00
parent e272dd4673
commit a6b37909ca
47 changed files with 715 additions and 667 deletions
Download Patch File Download Diff File Expand all files Collapse all files
workspace/dateien.html
+17 -17
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=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="stylesheet" href="assets/css/aufgaben.css?v=202609291246" />
<link rel="stylesheet" href="assets/css/dateien.css?v=202609291246" />
<link rel="stylesheet" href="assets/css/module.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" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609291311" />
<link rel="stylesheet" href="assets/css/dateien.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">
@@ -108,15 +108,15 @@
</main>
<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/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=202609291246" defer></script>
<script src="assets/js/bereiche.js?v=202609291246" defer></script>
<script src="assets/js/installieren.js?v=202609291246" defer></script>
<script src="assets/js/kopf.js?v=202609291246" defer></script>
<script src="assets/js/glocke.js?v=202609291246" defer></script>
<script src="assets/js/dateien.js?v=202609291246" defer></script>
<script src="assets/js/wahl.js?v=202609291311" defer></script>
<script src="assets/js/bereiche.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/dateien.js?v=202609291311" defer></script>
</body>
</html>