Responsive: Header & Spendenseite auf Mobile/Tablet, Footer ohne Stand #8

Merged

Simon merged 1 commit from fix/responsive-mobile-tablet into main

2026-08-19 10:06:21 +02:00

Simon commented

2026-08-19 10:06:03 +02:00

Owner

Fixes #7

Aenderungen

Header (768/1024px): .hero-actions bleibt nebeneinander (flex: 0 0 auto + nowrap), h1 darf sich stauchen (flex: 1 1 0, min-width: 0) — Buttons stapelten vorher vertikal.
Spenden (1024px): .donation-bank-layout auf auto minmax(0,1fr) — Bankdetails bekommen die flexible Spalte, IBAN + Copy-Buttons passen. Overflow 219px -> 0px.
Footer: Stand-Zeile entfernt, nur noch Version . Toten Code (RELEASE_DATE.txt-Fetch, formatGermanDate) aus app.js entfernt, README angepasst.

Verifikation (Playwright-Messungen)

393px: Buttons nebeneinander (x=16/x=189), 0px Overflow — unverändert, war korrekt
768px: Buttons vorher gestapelt (x=480/x=480) -> jetzt nebeneinander (x=381/x=548)
1024px: Buttons vorher gestapelt -> jetzt nebeneinander (x=614/x=794); Spenden-Overflow 219px -> 0px
Vision-Check Screenshots: kein doppelter Kartenrahmen, Layout sauber

Fixes #7 ## Aenderungen - **Header (768/1024px):** .hero-actions bleibt nebeneinander (flex: 0 0 auto + nowrap), h1 darf sich stauchen (flex: 1 1 0, min-width: 0) — Buttons stapelten vorher vertikal. - **Spenden (1024px):** .donation-bank-layout auf auto minmax(0,1fr) — Bankdetails bekommen die flexible Spalte, IBAN + Copy-Buttons passen. Overflow 219px -> 0px. - **Footer:** Stand-Zeile entfernt, nur noch Version <Tag>. Toten Code (RELEASE_DATE.txt-Fetch, formatGermanDate) aus app.js entfernt, README angepasst. ## Verifikation (Playwright-Messungen) - 393px: Buttons nebeneinander (x=16/x=189), 0px Overflow — unverändert, war korrekt - 768px: Buttons vorher gestapelt (x=480/x=480) -> jetzt nebeneinander (x=381/x=548) - 1024px: Buttons vorher gestapelt -> jetzt nebeneinander (x=614/x=794); Spenden-Overflow 219px -> 0px - Vision-Check Screenshots: kein doppelter Kartenrahmen, Layout sauber

Simon added 1 commit

2026-08-19 10:06:03 +02:00

fix(responsive): Header & Spendenseite auf Tablet/Phone, Footer ohne Stand fb4237dbe7

- styles.css: .hero-actions bleibt ab 768px nebeneinander (flex: 0 0 auto,
  nowrap); h1 darf sich stauchen (flex: 1 1 0, min-width: 0)
- styles.css: .donation-bank-layout auf 'auto minmax(0,1fr)', damit die
  Bankdetails die flexible Spalte erhalten; min-width: 0 auf Grid-Kindern
  -> kein horizontaler Overflow mehr bei 1024px
- index.html/app.js: 'Stand:'-Zeile und RELEASE_DATE.txt-Lesen entfernt,
  Footer zeigt nur noch 'Version <Tag>'
- README: Footer-Doku entsprechend aktualisiert

Fixes #7

Simon merged commit 9a318ada45 into main

2026-08-19 10:06:21 +02:00

Simon referenced this pull request from a commit

2026-08-19 10:06:22 +02:00

Merge pull request 'Responsive: Header & Spendenseite auf Mobile/Tablet, Footer ohne Stand' (#8) from fix/responsive-mobile-tablet into main

~~Simon referenced this pull request 2026-09-16 06:50:47 +02:00~~

Security Audit (extern) — Live-Website buergerinitiative-ejun.de (16.09.2026) #18