From 1f0ec994a9eecea2b9c073838effa63f8402307b Mon Sep 17 00:00:00 2001 From: Dogfather Date: Fri, 21 Aug 2026 23:37:14 +0200 Subject: [PATCH] =?UTF-8?q?Drei=20Handy-Nachbesserungen:=20Trio-Bild=20hin?= =?UTF-8?q?ter=20dem=20Text,=20auff=C3=A4lliger=20Men=C3=BC-Knopf,=20abges?= =?UTF-8?q?chnittener=20=C3=96ffnen-Knopf?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Nutzer-Report mit drei Bildern vom Handy: 1. HERO-BILD SASS NICHT MEHR HINTER DEM TEXT (index.html) .hero-artwork hat "inset:0" -- füllt also die GESAMTE Höhe von .hero-cinematic, und diese Sektion umschließt nicht nur die Überschrift, sondern auch die 3 Welt-Kacheln darunter. Auf dem Handy wird die Sektion durch den 4-zeilig umbrechenden Titel + Kacheln riesig (~1570px bei 390px Breite) -- das Trio-Bild (16:9, contain-skaliert an die Breite) wurde dadurch nur ~220px hoch und mittig in dieser riesigen Fläche zentriert, landete also als schmaler Streifen zwischen den Buttons und den Welt-Kacheln statt hinter der Überschrift. Fix: eigenes festes Seitenverhältnis (4:3) für die Bildbox auf dem Handy, von OBEN verankert statt zentriert, background-size auf "cover" -- Verlauf eigens für die neue, kürzere Box abgestimmt (die Desktop-Version wäre zu abrupt gewesen). Über 6 Breiten (320-768px) mit Playwright gegengeprüft. 2. MENÜ-KNOPF ZU UNAUFFÄLLIG (main.js + main.css, alle Seiten) "da soll auch menü stehen und die 3 striche" + "die kiste soll auch leicht eine andere farbe haben so dass sie auffällt, eine leicht blau tönung". Sichtbares "Menü" neben den drei Strichen ergänzt (neuer i18n- Schlüssel nav_toggle_label, alle 5 Sprachen) + dezente Babyblau-Tönung (8% Deckkraft, passend zur Markenfarbe --accent). Dabei einen unabhängigen, zweiten Bug gefunden und mitbehoben: durch die neue Knopfbreite/-höhe wurde ein Rechenfehler im geschlossenen Mobilmenü sichtbar -- "translateY(-110%)" reicht nur, wenn das Panel mindestens 10x so hoch ist wie der Kopfbereich; war das nicht der Fall, ragte die Unterkante (der Sprachschalter) ein paar Pixel sichtbar ins Bild. Robusterer Ersatz: -100% + fester 200px-Puffer, unabhängig von Panel- und Kopfbereichshöhe. Über 3 Breiten gegengeprüft (Panel unsichtbar UND öffnet weiterhin normal). 3. "ÖFFNEN"-KNOPF AUF DER ZUGANGSSEITE ABGESCHNITTEN (gate.html) .gate-card trägt "flex: 1 1 220px" für die Desktop-Reihe (220px als BREITE gedacht). Sobald @media max-width:480px auf flex-direction:column umschaltet, gilt dieselbe Zahl als HÖHE -- die Karte wurde auf genau 220px Höhe gequetscht. overflow:hidden setzt zusätzlich das normale Mindestmaß (min-height:auto) auf 0 herunter, wodurch nichts das Zusammenquetschen verhinderte -- der "Öffnen"-Knopf wurde unten abgeschnitten. Fix: flex:none in genau diesem Media-Block, Breite bleibt weiterhin über width:100%/max-width geregelt. An 4 Breiten x 3 Kacheln (Dogi/VanVan/Diene) gegengeprüft: Karten jetzt 258px statt 220px hoch, Knopf komplett sichtbar. Vollständiger Regressionslauf: alle 34 Seiten bei 390px (kein Überlauf, Menü-Knopf überall erreichbar und beschriftet), Desktop bei 1920px unverändert (Hamburger weiterhin nur unter der bestehenden 1650px- Schwelle sichtbar). Cache-Busting-Version auf 20260821t erhöht. Co-Authored-By: Claude Sonnet 5 --- 404.html | 12 +++--- abonnieren.html | 14 +++---- agb.html | 10 ++--- aktion-detail.html | 14 +++---- assets/css/main.css | 82 +++++++++++++++++++++++++++++++++++++-- assets/js/main.js | 8 +++- bewerben-creator.html | 14 +++---- bewerben-kooperation.html | 14 +++---- bewerben-modi.html | 14 +++---- bewerben-scout.html | 14 +++---- bewerben.html | 12 +++--- casper.html | 12 +++--- community.html | 12 +++--- creator.html | 14 +++---- dogfather.html | 12 +++--- gate.html | 19 +++++++-- hasidog.html | 12 +++--- index.html | 16 ++++---- kontakt.html | 12 +++--- links.html | 12 +++--- manager.html | 14 +++---- medien-casper.html | 18 ++++----- medien-dogfather.html | 20 +++++----- medien-hasidog.html | 20 +++++----- profil.html | 20 +++++----- rabattcodes.html | 12 +++--- stimmen.html | 16 ++++---- streamer.html | 12 +++--- streamplan.html | 18 ++++----- supporter.html | 14 +++---- team-modis.html | 14 +++---- team-scouts.html | 14 +++---- tt-muddi.html | 12 +++--- vanvan.html | 12 +++--- verwaltung.html | 22 +++++------ werte.html | 12 +++--- zeitreise.html | 12 +++--- 37 files changed, 342 insertions(+), 249 deletions(-) diff --git a/404.html b/404.html index 0931ba21..2da1ac69 100644 --- a/404.html +++ b/404.html @@ -18,10 +18,10 @@ Seite nicht gefunden — DOGFATHER UNIVERSE - - - - + + + + @@ -41,7 +41,7 @@ - - + + diff --git a/abonnieren.html b/abonnieren.html index 9ca4c17f..00bca5f4 100644 --- a/abonnieren.html +++ b/abonnieren.html @@ -19,10 +19,10 @@ - - - - + + + +