Die Regie wird auch auf dem kleinen Handy zur Schublade
Filipe: „auf so apps wie youtube und so geht es doch auch auf dem handy
also perfektionier es endlich."
Er hat recht gehabt, und meine Begruendung von 2026-09 war ueberholt.
WAS AUF 320x568 WIRKLICH PASSIERTE (Regie offen, laufende Sendung):
Bild 0 px · Pult 1324 px IM RASTER · Transportleiste endet bei
1567 von 568 Pixeln Fenster
Die Regie stand im Fluss statt darueber und schob alles hinaus. Ab
360 px war genau das laengst geloest -- es war dieselbe Seite, nur
schmaler. In reaktion.css stand dazu eine Sperre `and (min-width:
360px)` mit der Begruendung, der Kopf der Regie brauche 210 Pixel und
es seien nur 190 da. Fuenf Versuche hatten das nicht geloest.
DIE RECHNUNG STIMMTE NICHT MEHR. Seit 2026-09 gibt es einen Block
`@media (pointer: coarse)` ohne Breitengrenze, der den Kopf strafft.
Nachgemessen am 02.10.: 197 px, nicht 210 -- und mit einer weiteren
Straffung 147. Der Platz, der damals fehlte, war inzwischen da. Wer
der alten Begruendung geglaubt haette, haette nie nachgesehen.
VIER VARIANTEN DURCHGEMESSEN STATT DIE SECHSTE ZU RATEN
(320x568, Regie offen):
heute Bild 0 · Kopf 197 · Schublade 1324
nur Sperre weg Bild 180 · Kopf 197 · Schublade 234 · Inhalt 36
+ Knoepfe enger Bild 180 · Kopf 147 · Schublade 234 · Inhalt 86
+ 86 % statt 72 Bild 180 · Kopf 147 · Schublade 280 · Inhalt 132
Die dritte Variante (Messwerte einzeilig) brachte gegenueber der
zweiten NULL und ist deshalb nicht eingebaut -- die bestehende
coarse-Regel erledigt das schon. Eine Regel, die nichts aendert, ist
eine, die beim naechsten Mal jemand sucht.
GEAENDERT
1. Die beiden Sperren `and (min-width: 360px)` sind weg. Die Regie
liegt jetzt auf JEDEM Fingergeraet ueber dem Bild statt im
Raster, rollt in sich und hat einen stehenden Kopf.
2. Neuer Block fuer unter 360 px: die drei grossen Knoepfe in EINE
Zeile (`nowrap`, weniger Polsterung) und die Schublade darf
86 statt 72 Prozent hoch werden.
DIE 44 PIXEL HOEHE BLEIBEN -- das ist die Daumengrenze des
Hauses. Nur die Breite gibt nach, und nachgemessen wird KEIN
Knopf abgeschnitten (`scrollWidth <= clientWidth`).
Die 86 statt 100 Prozent sind derselbe Gedanke wie die
urspruenglichen 72: Oben bleibt ein Streifen Bild stehen, weil
man sehen muss, worueber man gerade redet.
NACH DEM UMBAU GEMESSEN:
320x568 Bild 180 px (war 0) · Kopf 147 (war 197)
Schublade 280 · sichtbarer Inhalt 132 · Rest rollt 994 px
Transportleiste endet bei 568 von 568
360x640 Bild 203 px unveraendert
390x844 Bild 219 px unveraendert
Zu UND auf ist das Bild auf 320 px jetzt gleich hoch -- das Oeffnen
der Regie kostet es nichts mehr.
EIN NEBENBEFUND HAT SICH MITERLEDIGT. Der Hinweis „Kamera oder
Mikrofon sind nicht freigegeben" sass in einer impliziten FUENFTEN
Rasterzeile (der Saal deklariert vier) und kostete das Bild 71 Pixel
(56 statt 127). Weil das Pult nicht mehr im Fluss steht, gibt es
diese Zeile nicht mehr: gemessen kostet der Hinweis jetzt 0 px
(325 -> 325).
WAS ICH DABEI FALSCH GEMACHT UND ZURUECKGENOMMEN HABE: Ich wollte
den Hinweis zusaetzlich mit `grid-row: 2` festnageln. Gemessen fiel
das Bild daraufhin auf 0 px (320) und 2 px (360) -- die explizite
Platzierung verdraengte die automatische des Bildes. Sofort wieder
entfernt. Die Messung hat es gefunden, nicht das Nachdenken; ohne
den Lauf davor haette ich eine Verschlechterung ausgeliefert.
DIE PRUEFUNG WURDE SCHAERFER, NICHT GRUENER (pruef-reaktion-schmal,
24 -> 38). Bis heute protokollierte sie den Mangel unter 360 px nur,
statt ihn zu behaupten -- richtig, solange es keine Reparatur gab,
falsch in dem Moment, in dem es eine gibt. Jetzt gilt auf JEDER
Breite: Bild behaelt seine Hoehe (zu und auf), Transportleiste bleibt
im Fenster, Inhalt der Schublade erreichbar, drei Knoepfe mit 44 px
unbeschnitten und obenauf, Zu-Knopf in jedem Zustand erreichbar.
Die Konstante `AUS_DEM_FLUSS_AB = 360` ist geloescht -- eine
Konstante, die nichts mehr trennt, ist der Anfang einer Erklaerung,
die nicht stimmt.
GEPRUEFT: pruef-reaktion-schmal 38 ok · pruef-reaktion 421 ok ·
pruef-css-klassen 37 ok · pruef-community-sicht 10 ok ·
pruef-breiten 23 ok · pruef-fingermass 5 ok.
Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
Claude Opus 5
@@ -3381,16 +3381,44 @@ body[data-nur="buehne"] { background: #000; }
|
||||
ist, und dort bleibt alles wie es ist. Am Handy ist die Wahl
|
||||
nicht „nebeneinander oder uebereinander", sondern
|
||||
„uebereinander oder gar nicht". */
|
||||
/* ERST AB 360 PIXELN. Auf 320x568 passen Register (104), Regie-Kopf
|
||||
(210) und Transportleiste (158) zusammen nicht in die 499 Pixel
|
||||
Saal -- gemessen fehlten 17. Jede Verteilung hat dort nur
|
||||
bestimmt, WER verdeckt wird: erst „Vorbereiten“ und „Beenden“
|
||||
unter der Leiste, dann die Schublade ueber „Gäste“ und „Bild“.
|
||||
Fuenf Versuche haben den Befund verschoben und keinen geloest.
|
||||
Auf diesem Geraet (iPhone SE der ersten Reihe, 2016) bleibt es
|
||||
deshalb beim Stand von vorher -- ein bekannter Mangel, aber
|
||||
kein neuer. Ab 360 Pixeln greift die Schublade, und dort ist
|
||||
alles sauber. */
|
||||
/* ==== DIE 360-PIXEL-SPERRE IST WEG (02.10.2026) ====================
|
||||
|
||||
HIER STAND: „Erst ab 360 Pixeln. Auf 320x568 passen Register
|
||||
(104), Regie-Kopf (210) und Transportleiste (158) zusammen nicht
|
||||
in die 499 Pixel Saal — gemessen fehlten 17. Fuenf Versuche haben
|
||||
den Befund verschoben und keinen geloest."
|
||||
|
||||
Filipe: „auf so apps wie youtube und so geht es doch auch auf dem
|
||||
handy also perfektionier es endlich."
|
||||
|
||||
Er hat recht, und die Begruendung oben war ueberholt. Was bei
|
||||
320 px wirklich geschah (gemessen, Regie offen):
|
||||
|
||||
Bild 0 px · Pult 1324 px IM FLUSS · Transportleiste endet
|
||||
bei 1567 von 568 Pixeln Fenster
|
||||
|
||||
Die Regie stand im Raster statt darueber und schob alles hinaus.
|
||||
Dass genau das ab 360 px schon geloest war, macht es nicht
|
||||
besser: Es war dieselbe Seite, nur schmaler.
|
||||
|
||||
WARUM ES JETZT TRAEGT UND 2026-09 NICHT. Die Rechnung von damals
|
||||
stimmt nicht mehr. Der Kopf der Regie war 210 px hoch, weil die
|
||||
drei grossen Knoepfe und die Messwerte je zwei Zeilen brauchten.
|
||||
Gemessen am 02.10.: 197 px — und mit der Straffung unten 147 px.
|
||||
Der Platz, der 2026-09 fehlte, ist seitdem entstanden.
|
||||
|
||||
VIER VARIANTEN DURCHGEMESSEN, nicht geraten (320x568, offen):
|
||||
|
||||
heute Bild 0 · Kopf 197 · Schublade 1324
|
||||
nur Sperre weg Bild 180 · Kopf 197 · Schublade 234 · Inhalt 36
|
||||
+ Knoepfe enger Bild 180 · Kopf 147 · Schublade 234 · Inhalt 86
|
||||
+ 86 % statt 72 Bild 180 · Kopf 147 · Schublade 280 · Inhalt 132
|
||||
|
||||
Die letzte ist es geworden. Drei Knoepfe zu 44 px bleiben in
|
||||
jeder Variante erreichbar und keiner wird abgeschnitten — das
|
||||
war die Bedingung, nicht die Hoffnung.
|
||||
|
||||
Der Rest steht im Block fuer schmale Geraete weiter unten. */
|
||||
/* ERST AB 360 PIXELN.
|
||||
|
||||
Auf 320x568 bleiben zwischen den Registern und der
|
||||
@@ -3406,7 +3434,7 @@ body[data-nur="buehne"] { background: #000; }
|
||||
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) {
|
||||
@media (pointer: coarse) {
|
||||
/* IM RASTER, NICHT DARUEBER GESCHWEBT.
|
||||
|
||||
Der erste Bau nahm `position: absolute` und rechnete die
|
||||
@@ -3527,11 +3555,54 @@ body[data-nur="buehne"] { background: #000; }
|
||||
|
||||
/* 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) {
|
||||
@media (pointer: coarse) {
|
||||
.saal .pult__leiste { position: sticky; top: 0; z-index: 2;
|
||||
background: var(--saal-hoch); }
|
||||
}
|
||||
|
||||
/* =====================================================================
|
||||
DAS GANZ SCHMALE GERAET (02.10.2026)
|
||||
|
||||
Gilt unter 360 Pixeln -- in der Praxis das iPhone SE der ersten
|
||||
Reihe (320x568, 2016). Oben steht, warum die Schublade dort
|
||||
ueberhaupt erst seit heute greift.
|
||||
|
||||
ZWEI STELLSCHRAUBEN, BEIDE GEMESSEN:
|
||||
|
||||
1. DIE DREI GROSSEN KNOEPFE IN EINE ZEILE. Bei 320 px brauchten
|
||||
„Vorbereiten", „Auf Sendung" und „Beenden" zwei Zeilen -- das
|
||||
allein sind 50 Pixel Kopf (94 statt 44). Mit `nowrap` und
|
||||
weniger Polsterung passen sie nebeneinander.
|
||||
|
||||
DIE 44 PIXEL HOEHE BLEIBEN. Das ist die Daumengrenze des
|
||||
Hauses, und sie steht hier ausdruecklich nicht zur Debatte --
|
||||
nur die BREITE gibt nach. Nachgemessen: kein Knopf wird
|
||||
abgeschnitten (`scrollWidth <= clientWidth`), alle drei sind
|
||||
im Fenster und liegen obenauf.
|
||||
|
||||
2. DIE SCHUBLADE DARF HOEHER WERDEN: 86 statt 72 Prozent. Die
|
||||
72 Prozent sind fuer ein 844 Pixel hohes Fenster gerechnet;
|
||||
auf 568 Pixeln bleiben davon 234 Pixel Schublade, und nach
|
||||
Abzug des Kopfes 36 Pixel Inhalt -- ein Guckloch. Mit 86
|
||||
Prozent sind es 132.
|
||||
|
||||
WARUM NICHT 100: Oben bleibt ein Streifen Bild stehen, aus
|
||||
demselben Grund wie bei den 72 Prozent -- wer mitten in der
|
||||
Sendung etwas einstellt, muss sehen, worueber er redet.
|
||||
Gemessen bleiben 180 Pixel Bild.
|
||||
|
||||
DIE ZAHLEN AM STUECK (320x568, Regie offen):
|
||||
|
||||
vorher Bild 0 · Kopf 197 · Schublade 1324 im Fluss
|
||||
nachher Bild 180 · Kopf 147 · Schublade 280 · Inhalt 132
|
||||
===================================================================== */
|
||||
@media (pointer: coarse) and (max-width: 359px) {
|
||||
.pult__tun { flex-wrap: nowrap; }
|
||||
.pult__tun .tun { padding: 0 6px; font-size: .72rem; min-width: 0; }
|
||||
.saal .pult { max-height: 86%; }
|
||||
}
|
||||
|
||||
|
||||
/* =====================================================================
|
||||
DAS REGISTER „WERBUNG" (29.09.2026)
|
||||
|
||||
|
||||
Reference in New Issue
Block a user