Simon/ejun-page
Watch
1
0
Fork
You've already forked ejun-page
 0
Code Issues 5 Pull requests Projects Releases 28 Packages Wiki Activity Actions

Smartphone-Header: Action-Buttons rechts neben Titel #13

Merged
Simon merged 1 commit from fix/header-actions-right into main 2026-08-19 13:28:29 +02:00
Conversation 0 Commits 1 Files changed 1 +15 -8
Simon commented 2026-08-19 13:27:42 +02:00
Owner
Copy link

Änderung

Der Smartphone-Header (≤480px) zeigt jetzt eine Zeile: Logo links, Titel in der Mitte, Action-Buttons (Unterstützen / Dokumente) rechts neben dem Titel.

Umsetzung

  • grid-template-columns: auto minmax(0, 1fr) auto (statt 2 Spalten + Buttons-Zeile)
  • .hero-actions → Zeile 1, Spalte 3, justify-content: flex-end, flex-wrap: nowrap
  • Unterseiten (CTA ohne .hero-actions-Wrapper) über .hero-full-inner > .cta-button → Zeile 1, Spalte 3
  • Icon-only-Größe 41×41px bleibt unverändert; ab 481px (iPad u. a.) keine Änderung

Verifikation (Playwright, 6 Seiten)

  • 393px: Buttons rechts vom h1 (btn.x > h1.right), vertikal zentriert zur Titelleiste, 41×41 Icon-only, kein h-Overflow, keine JS-Fehler
  • 768px / 1024px: Layout unverändert, Labels sichtbar
## Änderung Der Smartphone-Header (≤480px) zeigt jetzt **eine Zeile**: Logo links, Titel in der Mitte, Action-Buttons (Unterstützen / Dokumente) **rechts neben dem Titel**. ## Umsetzung - `grid-template-columns: auto minmax(0, 1fr) auto` (statt 2 Spalten + Buttons-Zeile) - `.hero-actions` → Zeile 1, Spalte 3, `justify-content: flex-end`, `flex-wrap: nowrap` - Unterseiten (CTA ohne `.hero-actions`-Wrapper) über `.hero-full-inner > .cta-button` → Zeile 1, Spalte 3 - Icon-only-Größe 41×41px bleibt unverändert; ab 481px (iPad u. a.) keine Änderung ## Verifikation (Playwright, 6 Seiten) - 393px: Buttons rechts vom h1 (btn.x > h1.right), vertikal zentriert zur Titelleiste, 41×41 Icon-only, kein h-Overflow, keine JS-Fehler - 768px / 1024px: Layout unverändert, Labels sichtbar 
Grid auf 3 Spalten (auto / 1fr / auto): Logo links, Titel Mitte,
Buttons rechtsbündig in derselben Zeile. Unterseiten-CTA (ohne
.hero-actions-Wrapper) über .hero-full-inner > .cta-button
positioniert. Icon-only-Größe 41px bleibt unverändert.
Simon merged commit a9efc43851 into main 2026-08-19 13:28:29 +02:00
Sign in to join this conversation.
Reviewers
No reviewers
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
Simon/ejun-page!13
No description provided.