greggy/landingpage-haus-schleusingen
1
0
Fork 0
Code Issues 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
Copy Source

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 KIKIKIKI labels 2026-05-14 19:35:25 +02:00
greggy commented 2026-05-14 19:37:28 +02:00
Author
Owner
Copy Link
Copy Source

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
Copy Source

✅ 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
accessibility
Accessibility / a11y (44x44px, ARIA, contrast)
 i18n
Internationalization / translation
 Implementing
InQA
InReview
InValidation
KI
Von KI bearbeitet
 KI
KI
KI
priority/P1
High priority (do soon)
 ReadyForDev
Bereit zur Implementierung
 ReadyForMerge
responsive
Responsive design (mobile/tablet/desktop)
 type/feature
Feature request (new user-facing capability)
No labels KI KI KI KI ReadyForDev ReadyForMerge
Milestone
No items
No Milestone
Projects
Clear projects
No projects
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