From 68b421b79ab7914ea7e2ed28ed24a4ad57160358 Mon Sep 17 00:00:00 2001 From: Dogfather Date: Thu, 27 Aug 2026 12:02:26 +0200 Subject: [PATCH] =?UTF-8?q?Zahlungen-B=C3=BChne:=20besserer=20Bildausschni?= =?UTF-8?q?tt=20statt=20flacher=20Mitte?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Das cryo-kristall-Motiv (Zahlungen) ist als einziges der sechs HOCHKANT (702x941) statt quer (1672x941). Auf der breiten 16:9-Bühne zeigt "cover" davon nur einen horizontalen Streifen -- der mittige (Standard center center) traf die unruhigen Kristallsplitter und wirkte flach und beschnitten. Jetzt zeigt Zahlungen den oberen Streifen (background-position center 15%): die eleganten geschwungenen Kristallbänder rechts als Blickfang, links ruhiger dunkler Raum für die Karten -- eine klare Komposition wie bei den anderen Motiven. Nur für Zahlungen überschrieben, die übrigen fünf bleiben mittig. Nebenbei: Der Wert kommt aus --vw-blick, das für alle Bereiche längst definiert, bisher aber nirgends ausgelesen wurde (toter Code). Die neue .vw-buehne-Ausnahme wendet ihn für Zahlungen erstmals an. Service-Worker-Cache v63 -> v64 (beide Stellen), damit Geräte mit der App den neuen Ausschnitt bekommen. Co-Authored-By: Claude Opus 5 --- assets/js/wd-core.js | 2 +- webdesign/sw.js | 2 +- webdesign/verwaltung.html | 17 ++++++++++++++++- 3 files changed, 18 insertions(+), 3 deletions(-) diff --git a/assets/js/wd-core.js b/assets/js/wd-core.js index 66b848fe..eea95bd9 100644 --- a/assets/js/wd-core.js +++ b/assets/js/wd-core.js @@ -863,7 +863,7 @@ Stand haben. Die Nummer wird zusammen mit CACHE_NAME in sw.js hochgezaehlt -- beide gehoeren zusammen. */ navigator.serviceWorker - .register("/webdesign/sw.js?v=63", { scope: "/webdesign/" }) + .register("/webdesign/sw.js?v=64", { scope: "/webdesign/" }) .catch(function () { /* still schlucken: ohne SW funktioniert alles weiter */ }); }); } diff --git a/webdesign/sw.js b/webdesign/sw.js index 0906bd65..7c2aa393 100644 --- a/webdesign/sw.js +++ b/webdesign/sw.js @@ -34,7 +34,7 @@ Start alle alten Zwischenspeicher weg. Muss bei jeder Änderung an den Dateien unten hochgezählt werden, sonst hängen Nutzer auf einem alten Stand fest. */ -const CACHE_NAME = "dogfather-webdesign-v63"; +const CACHE_NAME = "dogfather-webdesign-v64"; /* Bausteine, die die Oberfläche zum Anzeigen braucht. Bewusst KEINE HTML-Datei in dieser Liste. */ diff --git a/webdesign/verwaltung.html b/webdesign/verwaltung.html index 13d4fede..3af7a466 100644 --- a/webdesign/verwaltung.html +++ b/webdesign/verwaltung.html @@ -143,7 +143,10 @@ --vw-motiv: url("/assets/img/cryo-kristall.webp"); --vw-motiv-klein: url("/assets/img/cryo-kristall-klein.webp"); --vw-farbe: var(--wd-gold-rgb); - --vw-blick: center 38%; + /* Oberer Streifen: zeigt die geschwungenen Kristallbänder statt der + flachen Mitte -- siehe die .vw-buehne-Ausnahme weiter unten, die + diesen Wert als einzige tatsächlich anwendet. */ + --vw-blick: center 15%; } [data-vw-bereich="postfach"] { --vw-motiv: url("/assets/img/cryo-ring.webp"); @@ -193,6 +196,18 @@ ueblichen Bildschirm praktisch das ganze Bild. */ } + /* Ausnahme Zahlungen (28.08.2026): Das cryo-kristall-Motiv ist als + einziges HOCHKANT (702x941) statt quer (1672x941) wie die anderen + fünf. Bei "cover" auf der breiten Bühne wird davon nur ein + horizontaler Streifen gezeigt -- der mittige (center center) trifft + die unruhigsten Kristallsplitter und wirkt flach. Der obere Streifen + zeigt stattdessen die eleganten, geschwungenen Kristallbänder rechts + und lässt links ruhigen, dunklen Raum für die Karten darüber. Nur + hier überschrieben, die anderen Motive bleiben mittig. Der Wert + kommt aus --vw-blick, das für die Bereiche längst definiert, bisher + aber nirgends ausgelesen wurde. */ + [data-vw-bereich="zahlungen"] .vw-buehne { background-position: center 15%; } + /* Eine ruhige Toenung darueber. Sie nimmt dem Bild nicht die Zeichnung, sondern legt nur so viel Tiefe darunter, dass die Glasflaechen sich abheben. Oben etwas dichter, weil dort die Kopfleiste sitzt. */