greggy/landingpage-haus-schleusingen
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Mobile Navigation: Hamburger-Menü implementieren #27

New Issue
Closed
opened 2026-05-14 11:20:05 +02:00 by greggy · 2 comments
greggy commented 2026-05-14 11:20:05 +02:00
Owner
Copy Link

Problem

Die Navigation auf Mobile (375px) ist nicht nutzbar:

  • Kein Hamburger-Menü vorhanden
  • Nav-Links (GALERIE, GRUNDRISS, MIETE, LAGE) sind zu klein zum Tapen
  • Desktop-Navigation wird unverändert auf Mobile angezeigt

Akzeptanzkriterien

  • Hamburger-Menü auf Mobile (≤768px) sichtbar
  • Nav-Links in Slide-out oder Dropdown-Menü
  • Alle Tap-Targets mindestens 44px groß
  • Desktop-Navigation bleibt unverändert

Referenz

Gefunden im QA-Report zu feature/issue-8-telefonnummer

## Problem Die Navigation auf Mobile (375px) ist nicht nutzbar: - Kein Hamburger-Menü vorhanden - Nav-Links (GALERIE, GRUNDRISS, MIETE, LAGE) sind zu klein zum Tapen - Desktop-Navigation wird unverändert auf Mobile angezeigt ## Akzeptanzkriterien - [ ] Hamburger-Menü auf Mobile (≤768px) sichtbar - [ ] Nav-Links in Slide-out oder Dropdown-Menü - [ ] Alle Tap-Targets mindestens 44px groß - [ ] Desktop-Navigation bleibt unverändert ## Referenz Gefunden im QA-Report zu feature/issue-8-telefonnummer
greggy added the
ReadyForDev
 label 2026-05-14 11:20:05 +02:00
greggy added the
KI
KI
KI
KI
 labels 2026-05-14 19:35:25 +02:00
greggy commented 2026-05-14 19:37:28 +02:00
Author
Owner
Copy Link

Phase 1: Analyse ✅

Komplexität: S (Small) – CSS + minimales Vanilla-JS, < 30min

Lösung: CSS-only Hamburger-Button mit Slide-Down Menü. 3 Zeilen Vanilla-JS für Toggle. Desktop-Navigation unverändert.

Akzeptanzkriterien: Hamburger auf ≤900px, Slide-down mit 44px+ Tap-Targets, Desktop bleibt wie ist.

Spezifikation: memory/gitea-specs/issue-27.md

→ Weiter zu Phase 2 (Implementierung)

## Phase 1: Analyse ✅ **Komplexität: S (Small)** – CSS + minimales Vanilla-JS, < 30min **Lösung:** CSS-only Hamburger-Button mit Slide-Down Menü. 3 Zeilen Vanilla-JS für Toggle. Desktop-Navigation unverändert. **Akzeptanzkriterien:** Hamburger auf ≤900px, Slide-down mit 44px+ Tap-Targets, Desktop bleibt wie ist. Spezifikation: `memory/gitea-specs/issue-27.md` → Weiter zu Phase 2 (Implementierung)
greggy added the
ReadyForMerge
 label 2026-05-14 19:41:24 +02:00
greggy commented 2026-05-14 20:49:48 +02:00
Author
Owner
Copy Link

✅ Issue abgeschlossen

Hamburger-Menü erfolgreich implementiert und gemergt.

Was wurde gemacht

  • Hamburger-Button mit animiertem X-Übergang
  • Slide-Down Menü mit Overlay
  • 44px Tap-Targets für alle Nav-Links
  • Vanilla-JS (kein jQuery)
  • Escape-Taste, Outside-Click, Link-Klick und Resize schließen das Menü

Akzeptanzkriterien: alle erfüllt ✅

  • Hamburger auf Mobile sichtbar
  • Nav-Links in Slide-down
  • Tap-Targets ≥ 44px
  • Desktop-Navi unverändert
  • Escape/Outside-Click
  • Kein jQuery

PR: #32 (gemergt)
Komplexität: S (Small)
Gesamtzeit: ~42 min

Pipeline abgeschlossen – Phase 6 (Abnahme): ACCEPTED, Phase 7 (Closing): erledigt.

## ✅ Issue abgeschlossen **Hamburger-Menü erfolgreich implementiert und gemergt.** ### Was wurde gemacht - Hamburger-Button mit animiertem X-Übergang - Slide-Down Menü mit Overlay - 44px Tap-Targets für alle Nav-Links - Vanilla-JS (kein jQuery) - Escape-Taste, Outside-Click, Link-Klick und Resize schließen das Menü ### Akzeptanzkriterien: alle erfüllt ✅ - [x] Hamburger auf Mobile sichtbar - [x] Nav-Links in Slide-down - [x] Tap-Targets ≥ 44px - [x] Desktop-Navi unverändert - [x] Escape/Outside-Click - [x] Kein jQuery **PR:** #32 (gemergt) **Komplexität:** S (Small) **Gesamtzeit:** ~42 min Pipeline abgeschlossen – Phase 6 (Abnahme): ACCEPTED, Phase 7 (Closing): erledigt.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
Implementing
InQA
InReview
InValidation
KI
Von KI bearbeitet
KI
KI
KI
ReadyForDev
Bereit zur Implementierung
ReadyForMerge
No Label
KI
KI
KI
KI
ReadyForDev
ReadyForMerge
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
greggy
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: greggy/landingpage-haus-schleusingen#27
No description provided.
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?