From 88e2b5cd5de142eb39769d020713a13d7b7b0970 Mon Sep 17 00:00:00 2001 From: Dogfather Date: Wed, 9 Sep 2026 21:57:11 +0200 Subject: [PATCH] Der Wecker: das Zeitfeld ging auf -- nur ausserhalb des Bildschirms MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Filipe: "wenn ich am handy auf den wecker drücke dan sieht man nichts." Er hat woertlich recht. Der Knopf tut, was er soll, und das Zeitfeld klappt auf -- es steht nur nicht im Bild. Aufgeklappt gemessen, fuenf Breiten: 320 px Feld bei -127 .. -8 komplett draussen 360 px Feld bei -107 .. 12 390 px Feld bei -92 .. 27 412 px Feld bei -81 .. 38 430 px Feld bei -72 .. 47 DER GRUND IST EIN ANKER, DER GEWANDERT IST. `.tagesruf__feld` steht mit `right: 56px` da -- "56 px nach links vom Knopf". Am Rechner ist das richtig: Dort sitzt der Knopf am rechten Rand einer breiten Kachel, und links davon liegt die Luecke zwischen Text und Uhr. Auf dem Handy wird derselbe Knopf aus dem Fluss genommen und neben die zentrierte Uhr gehaengt -- er steht dann ganz LINKS, und 56 px weiter links ist kein Raum mehr, sondern der Bildschirmrand. Der Abstand stimmte also noch, der Bezugspunkt nicht mehr. Dieselbe Sorte Fehler wie die feste Umbruchschwelle und die 62 px Kopfhoehe: eine Zahl, die fuer eine Anordnung ausgerechnet wurde und in der zweiten still falsch ist. Es oeffnet jetzt auf dem Handy nach RECHTS statt nach links -- in die Richtung, in der dort der Platz ist. Das ist keine zweite Zahl, sondern dieselbe Regel andersherum ("ins Freie oeffnen"). Der linke Rand des Knopfes ist nie kleiner als 0, das Feld 119 px breit, der schmalste Bildschirm 320 -- damit liegt es auf jeder Breite im Bild, ohne dass eine Schwelle stimmen muss. `max-width: calc(100vw - 24px)` als Sicherung, falls das Feld je breiter wird. Die Regel steht in heim.css direkt neben der Regel, die den Knopf verschiebt. Sie gehoeren zusammen: Wer den Anker bewegt, sieht die Folge in derselben Medienabfrage. GEPRUEFT WIRD ES JETZT AUCH (pruef-handy, 99 -> 115 Pruefungen). Das Feld wird dafuer aufgeklappt gemessen, nicht zugeklappt -- ein verstecktes Feld hat keine brauchbare Lage, und genau die ist die Frage. Gegenprobe ist die Messung von vorher: Mit demselben Messmittel lag das Feld bei -92..27, die Bedingung waere rot gewesen. Co-Authored-By: Claude Opus 5 --- server/pruef-handy.mjs | 35 +++++++++++++++++++++++++++++ workspace/app.webmanifest | 8 +++---- workspace/assets/css/heim.css | 42 +++++++++++++++++++++++++++++++++++ workspace/aufgaben.html | 22 +++++++++--------- workspace/automation.html | 24 ++++++++++---------- workspace/bereich.html | 32 +++++++++++++------------- workspace/calls.html | 26 +++++++++++----------- workspace/chat.html | 24 ++++++++++---------- workspace/content.html | 28 +++++++++++------------ workspace/dateien.html | 24 ++++++++++---------- workspace/index.html | 8 +++---- workspace/kalender.html | 26 +++++++++++----------- workspace/leistung.html | 24 ++++++++++---------- workspace/personen.html | 24 ++++++++++---------- workspace/profil.html | 26 +++++++++++----------- workspace/report.html | 26 +++++++++++----------- workspace/scouting.html | 24 ++++++++++---------- workspace/start.html | 22 +++++++++--------- workspace/startcheck.html | 26 +++++++++++----------- workspace/steckbrief.html | 24 ++++++++++---------- workspace/team.html | 24 ++++++++++---------- workspace/uebersicht.html | 24 ++++++++++---------- workspace/wissen.html | 24 ++++++++++---------- 23 files changed, 322 insertions(+), 245 deletions(-) diff --git a/server/pruef-handy.mjs b/server/pruef-handy.mjs index 7fd4bd05..0b33a4cc 100644 --- a/server/pruef-handy.mjs +++ b/server/pruef-handy.mjs @@ -471,6 +471,7 @@ async function kopfMessen(seite) { }); } let fremdGeprueft = 0; +let weckerGeprueft = 0; const mitUmschalter = new Set(); const KOPF_GERAETE = [[360, 800], [390, 844], [412, 915]]; @@ -520,6 +521,34 @@ for (const [breite, hoehe] of KOPF_GERAETE) { `${breite}px ${rolle.padEnd(8)} Kopfleiste: ${kopf.anzahl} Teile in einer Reihe ` + `(Spanne ${kopf.spanne} px)`); + /* ---- DAS ZEITFELD DES WECKERS STEHT IM BILD (09.09.2026) ------- + + Filipe: "wenn ich am handy auf den wecker drücke dan sieht man + nichts." Es ging auf -- nur ausserhalb des Bildschirms, bei + 390 px von -92 bis 27. `.tagesruf__feld` oeffnet nach LINKS, und + auf dem Handy ist der Knopf ganz links. + + Geprueft wird aufgeklappt, nicht zugeklappt: Ein verstecktes Feld + hat keine brauchbare Lage, und genau die ist die Frage. Deshalb + wird es hier von Hand aufgemacht -- was beim Einschalten sonst + das Skript tut. */ + const wecker = await seite.evaluate(() => { + const feld = document.querySelector(".tagesruf__feld"); + if (!feld) return null; + const vorher = feld.hidden; + feld.hidden = false; + const r = feld.getBoundingClientRect(); + feld.hidden = vorher; + return { links: Math.round(r.left), rechts: Math.round(r.right), + breit: Math.round(r.width), fenster: window.innerWidth }; + }); + if (wecker) { + weckerGeprueft++; + ok(wecker.breit > 40 && wecker.links >= -1 && wecker.rechts <= wecker.fenster + 1, + `${breite}px ${rolle.padEnd(8)} Weckerfeld liegt bei ` + + `${wecker.links}..${wecker.rechts} von ${wecker.fenster}`); + } + /* ---- UND DASSELBE IN EINER FREMDEN SICHT (09.09.2026) ---------- DIESE PRUEFUNG FEHLTE, UND GENAU DAS HAT DER FEHLER AUSGENUTZT. @@ -585,6 +614,12 @@ ok(mitUmschalter.size >= 1 && fremdGeprueft === KOPF_GERAETE.length * mitUmschal `die fremde Sicht wurde ${fremdGeprueft}-mal gemessen ` + `(${mitUmschalter.size} Rolle(n) mit Umschalter x ${KOPF_GERAETE.length} Breiten)`); +/* Auch hier: Findet die Schleife den Wecker gar nicht (umbenannt, an + eine andere Stelle gewandert, Push nicht moeglich), waere oben alles + gruen, ohne dass er je gemessen wurde. */ +ok(weckerGeprueft >= KOPF_GERAETE.length, + `das Weckerfeld wurde ${weckerGeprueft}-mal wirklich gemessen`); + await browser.close(); try { rmSync(ordner, { recursive: true, force: true }); } catch { /* egal */ } console.log(fehler ? `\n${fehler} Prüfung(en) fehlgeschlagen.` : "\nAlles in Ordnung."); diff --git a/workspace/app.webmanifest b/workspace/app.webmanifest index 337deaf5..5ae2f9cc 100644 --- a/workspace/app.webmanifest +++ b/workspace/app.webmanifest @@ -13,25 +13,25 @@ "theme_color": "#06090f", "icons": [ { - "src": "/assets/img/app-symbole/workspace-192.png?v=202609091943", + "src": "/assets/img/app-symbole/workspace-192.png?v=202609092156", "sizes": "192x192", "type": "image/png", "purpose": "any" }, { - "src": "/assets/img/app-symbole/workspace-512.png?v=202609091943", + "src": "/assets/img/app-symbole/workspace-512.png?v=202609092156", "sizes": "512x512", "type": "image/png", "purpose": "any" }, { - "src": "/assets/img/app-symbole/workspace-192-maskable.png?v=202609091943", + "src": "/assets/img/app-symbole/workspace-192-maskable.png?v=202609092156", "sizes": "192x192", "type": "image/png", "purpose": "maskable" }, { - "src": "/assets/img/app-symbole/workspace-512-maskable.png?v=202609091943", + "src": "/assets/img/app-symbole/workspace-512-maskable.png?v=202609092156", "sizes": "512x512", "type": "image/png", "purpose": "maskable" diff --git a/workspace/assets/css/heim.css b/workspace/assets/css/heim.css index 87dc45e9..f0d90065 100644 --- a/workspace/assets/css/heim.css +++ b/workspace/assets/css/heim.css @@ -708,6 +708,48 @@ right: calc(50% + var(--instrument) / 2 + 14px); } .willkommen__rechts > .uhr { margin-inline: auto; } + + /* ---- UND DAS ZEITFELD DES WECKERS MUSS MITWANDERN (09.09.2026) ---- + + Filipe: "wenn ich am handy auf den wecker drücke dan sieht man + nichts." + + Er hat recht, und zwar wörtlich. Das Feld öffnet sich, es steht nur + nicht im Bild. `.tagesruf__feld` ist in start.css mit + `right: 56px` gesetzt -- "56 px nach links vom Knopf". Am Rechner + ist das richtig: Dort sitzt der Knopf am rechten Rand einer breiten + Kachel, und links davon ist die Lücke zwischen Text und Uhr. + + Auf dem Handy ist der Knopf drei Zeilen weiter oben aus dem Fluss + genommen und neben die zentrierte Uhr gehängt -- er steht damit + ganz LINKS. 56 px weiter links ist dort kein Raum mehr, sondern der + Bildschirmrand. Gemessen, aufgeklappt, an fünf Breiten: + + 320 px Feld bei -127 .. -8 komplett draußen + 360 px Feld bei -107 .. 12 + 390 px Feld bei -92 .. 27 (Filipes Größenordnung) + 412 px Feld bei -81 .. 38 + 430 px Feld bei -72 .. 47 + + Dieselbe Sorte Fehler wie schon mehrfach im Haus: ein fester + Abstand, der für EINE Anordnung ausgerechnet wurde, und der Anker + ist inzwischen woandershin gewandert. Der Abstand stimmte noch, der + Bezugspunkt nicht mehr. + + Es öffnet jetzt nach RECHTS statt nach links -- also in die + Richtung, in der auf dem Handy der Platz ist. Das ist keine zweite + Zahl, sondern die Umkehrung derselben Regel ("ins Freie öffnen"). + Der linke Rand des Knopfes ist nie kleiner als 0, das Feld ist + 119 px breit, der schmalste Bildschirm 320 -- damit liegt es auf + jeder Breite im Bild, ohne dass eine Schwelle stimmen muss. + + `max-width` als Gurt zum Hosenträger: Sollte das Feld je breiter + werden (längere Beschriftung, größere Schrift), schneidet es sich + lieber selbst zurecht, als wieder hinauszulaufen. */ + .willkommen__rechts > .glocke-platz > .tagesruf__feld { + right: auto; left: 0; + max-width: calc(100vw - 24px); + } } @media (max-width: 780px) { .willkommen { --instrument: 196px; } diff --git a/workspace/aufgaben.html b/workspace/aufgaben.html index af4fcebc..832d2a23 100644 --- a/workspace/aufgaben.html +++ b/workspace/aufgaben.html @@ -12,12 +12,12 @@ Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite eine Flaeche sind statt zweier. --> - - - - - - + + + + + + @@ -231,10 +231,10 @@ - - - - - + + + + + diff --git a/workspace/automation.html b/workspace/automation.html index 89903b1a..66afee05 100644 --- a/workspace/automation.html +++ b/workspace/automation.html @@ -12,13 +12,13 @@ Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite eine Flaeche sind statt zweier. --> - - - - - - - + + + + + + + @@ -140,10 +140,10 @@ - - - - - + + + + + diff --git a/workspace/bereich.html b/workspace/bereich.html index 7135edbe..93b8cfc4 100644 --- a/workspace/bereich.html +++ b/workspace/bereich.html @@ -12,13 +12,13 @@ Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite eine Flaeche sind statt zweier. --> - - - - - - - + + + + + + + @@ -149,14 +149,14 @@ - - - - - - - - - + + + + + + + + + diff --git a/workspace/calls.html b/workspace/calls.html index fb8afa4c..584cd78a 100644 --- a/workspace/calls.html +++ b/workspace/calls.html @@ -12,13 +12,13 @@ Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite eine Flaeche sind statt zweier. --> - - - - - - - + + + + + + + @@ -82,11 +82,11 @@ - - - - - - + + + + + + diff --git a/workspace/chat.html b/workspace/chat.html index b6729d6f..397a20a6 100644 --- a/workspace/chat.html +++ b/workspace/chat.html @@ -12,19 +12,19 @@ Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite eine Flaeche sind statt zweier. --> - - - - + + + + - - - + + + @@ -247,10 +247,10 @@ - - - - - + + + + + diff --git a/workspace/content.html b/workspace/content.html index 5ca1e11c..736df125 100644 --- a/workspace/content.html +++ b/workspace/content.html @@ -12,13 +12,13 @@ Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite eine Flaeche sind statt zweier. --> - - - - - - - + + + + + + + @@ -172,12 +172,12 @@ - - - - - - - + + + + + + + diff --git a/workspace/dateien.html b/workspace/dateien.html index 83d56e19..ec7bea46 100644 --- a/workspace/dateien.html +++ b/workspace/dateien.html @@ -12,13 +12,13 @@ Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite eine Flaeche sind statt zweier. --> - - - - - - - + + + + + + + @@ -101,10 +101,10 @@ - - - - - + + + + + diff --git a/workspace/index.html b/workspace/index.html index 83d761ef..9fa1ca26 100644 --- a/workspace/index.html +++ b/workspace/index.html @@ -30,9 +30,9 @@ - - - + + + @@ -401,6 +401,6 @@ - + diff --git a/workspace/kalender.html b/workspace/kalender.html index 168a7496..75b5e022 100644 --- a/workspace/kalender.html +++ b/workspace/kalender.html @@ -12,13 +12,13 @@ Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite eine Flaeche sind statt zweier. --> - - - - - - - + + + + + + + @@ -370,11 +370,11 @@ - - - - - - + + + + + + diff --git a/workspace/leistung.html b/workspace/leistung.html index bd758d7e..ce74ff51 100644 --- a/workspace/leistung.html +++ b/workspace/leistung.html @@ -12,13 +12,13 @@ Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite eine Flaeche sind statt zweier. --> - - - - - - - + + + + + + + @@ -217,10 +217,10 @@ - - - - - + + + + + diff --git a/workspace/personen.html b/workspace/personen.html index 6d368d69..6ca8f004 100644 --- a/workspace/personen.html +++ b/workspace/personen.html @@ -12,13 +12,13 @@ Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite eine Flaeche sind statt zweier. --> - - - - - - - + + + + + + + @@ -335,10 +335,10 @@ - - - - - + + + + + diff --git a/workspace/profil.html b/workspace/profil.html index d409402c..570fd896 100644 --- a/workspace/profil.html +++ b/workspace/profil.html @@ -12,13 +12,13 @@ Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite eine Flaeche sind statt zweier. --> - - - - - - - + + + + + + + @@ -207,11 +207,11 @@ - - - - - - + + + + + + diff --git a/workspace/report.html b/workspace/report.html index dbc232e3..9a49ccf2 100644 --- a/workspace/report.html +++ b/workspace/report.html @@ -12,13 +12,13 @@ Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite eine Flaeche sind statt zweier. --> - - - - - - - + + + + + + + @@ -99,11 +99,11 @@ - - - - - - + + + + + + diff --git a/workspace/scouting.html b/workspace/scouting.html index 4dcc8819..f2d76225 100644 --- a/workspace/scouting.html +++ b/workspace/scouting.html @@ -12,13 +12,13 @@ Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite eine Flaeche sind statt zweier. --> - - - - - - - + + + + + + + @@ -132,10 +132,10 @@ - - - - - + + + + + diff --git a/workspace/start.html b/workspace/start.html index 03fc3d97..5d44a620 100644 --- a/workspace/start.html +++ b/workspace/start.html @@ -12,14 +12,14 @@ Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite eine Flaeche sind statt zweier. --> - - - - + + + + - - + + @@ -667,10 +667,10 @@

- - - - - + + + + + diff --git a/workspace/startcheck.html b/workspace/startcheck.html index 41bec007..a226b18d 100644 --- a/workspace/startcheck.html +++ b/workspace/startcheck.html @@ -12,13 +12,13 @@ Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite eine Flaeche sind statt zweier. --> - - - - - - - + + + + + + + @@ -78,11 +78,11 @@ - - - - - - + + + + + + diff --git a/workspace/steckbrief.html b/workspace/steckbrief.html index 57852015..3d4f36eb 100644 --- a/workspace/steckbrief.html +++ b/workspace/steckbrief.html @@ -12,13 +12,13 @@ Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite eine Flaeche sind statt zweier. --> - - - - - - - + + + + + + + @@ -119,10 +119,10 @@ - - - - - + + + + + diff --git a/workspace/team.html b/workspace/team.html index 5241f015..46ba86cc 100644 --- a/workspace/team.html +++ b/workspace/team.html @@ -7,13 +7,13 @@ - - - - - - - + + + + + + + @@ -103,10 +103,10 @@ - - - - - + + + + + diff --git a/workspace/uebersicht.html b/workspace/uebersicht.html index 75f7c954..cb6167b5 100644 --- a/workspace/uebersicht.html +++ b/workspace/uebersicht.html @@ -12,15 +12,15 @@ Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite eine Flaeche sind statt zweier. --> - - - - + + + + - - - + + + @@ -142,11 +142,11 @@ - + - - - - + + + + diff --git a/workspace/wissen.html b/workspace/wissen.html index dc9e6083..689f4643 100644 --- a/workspace/wissen.html +++ b/workspace/wissen.html @@ -12,13 +12,13 @@ Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite eine Flaeche sind statt zweier. --> - - - - - - - + + + + + + + @@ -183,10 +183,10 @@ - - - - - + + + + +