Fix: Desktop-Nav lief ab ~1500px Fensterbreite ueber den Rand hinaus
Nutzer-Report per Screenshot: "DogiCrew"-Knopf/"BALD"-Badge rechts abgeschnitten. Ursache: die Hamburger-Schwelle (1480px) und der Nav-Bar-Breiten-Deckel (1440px) wurden schon zweimal knapp nachgezogen, reichten aber nicht mehr, seit die Nav um den "DogiCrew"-Knopf + "BALD"- Badge gewachsen ist (braucht jetzt real ~1491px). Ergebnis: bei JEDER Fensterbreite ab ca. 1500px (nicht nur in einer schmalen Uebergangszone) lief die Nav dauerhaft ~50px ueber den Rand. Diesmal mit echtem Sicherheitsabstand statt wieder nur knapp behoben: Schwelle 1480px -> 1650px, Deckel 1440px -> 1560px. Per Playwright ueber den kompletten Bereich 1024-2560px nachgeprueft, keine Ueberlaeufe mehr. Header ist site-weit eine gemeinsame Vorlage (main.js/main.css), Fix gilt damit automatisch fuer alle Seiten. Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
+23
-19
@@ -121,17 +121,14 @@ header.site-header {
|
||||
braucht durch größere Schrift + mehr Abstand + Polarlicht-Padding
|
||||
spürbar mehr Platz, ohne dass der restliche Seiteninhalt breiter
|
||||
werden soll.
|
||||
Bugfix 04.08.2026: Der feste 1400px-Deckel war zu knapp — der
|
||||
tatsächliche Inhalt (Logo+Menü+Sprachschalter+DogiCrew-Knopf+
|
||||
Bewerben-Knopf) braucht bei aufgeklapptem Desktop-Menü (ab 1480px
|
||||
Breite, siehe Media Query unten) ca. 1417px und lief dadurch IMMER
|
||||
um ca. 17px über den Rahmen hinaus — auf breiten Bildschirmen ohne
|
||||
sichtbaren Schaden (genug Luft drumherum), aber bei schmaleren
|
||||
Fenstern knapp über der 1480px-Schwelle (z.B. Laptop-Fenster nicht
|
||||
maximiert, oder Browser-Zoom >100%) wurde dadurch der rechte Rand
|
||||
(der "Bewerben"-Knopf) sichtbar abgeschnitten. 1400px -> 1440px gibt
|
||||
ausreichend Puffer, ohne auf breiten Screens spürbar größer zu wirken. */
|
||||
width: min(1440px, 94vw);
|
||||
Bugfix 04.08.2026: 1400px -> 1440px angehoben (siehe damalige Analyse).
|
||||
Bugfix 20.08.2026: reichte seither wieder nicht mehr — die Nav braucht
|
||||
inzwischen (Nav-Punkt "DogiCrew" + "BALD"-Badge dazugekommen) real ca.
|
||||
1491px, der Deckel blieb bei 1440px. 1440px -> 1560px, zusammen mit der
|
||||
auf 1650px angehobenen Hamburger-Schwelle weiter unten (siehe Kommentar
|
||||
dort) — diesmal mit echtem Sicherheitsabstand statt wieder nur knapp
|
||||
genug für den aktuellen Stand. */
|
||||
width: min(1560px, 94vw);
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -1438,14 +1435,21 @@ header.site-header {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* Schwelle von ursprünglich 880px auf 1480px angehoben: nach mehreren
|
||||
Vergrößerungsrunden (Logo/Nav-Schrift/Sprachschalter/Bewerben-Button,
|
||||
mehr Abstand zwischen den Nav-Punkten, größerer eigener Nav-Container,
|
||||
Polarlicht-Padding je Kategorie) braucht die Desktop-Nav deutlich mehr
|
||||
Platz als früher. Live bei mehreren Breiten nachgeprüft (siehe Commits
|
||||
vom 02.08.2026) — Schwelle hier bewusst großzügig, damit nie wieder
|
||||
Elemente sichtbar aus der Leiste verschwinden. */
|
||||
@media (max-width: 1480px) {
|
||||
/* Bugfix 20.08.2026 (Nutzer-Report per Screenshot: "DogiCrew"-Knopf/Badge
|
||||
rechts abgeschnitten): die Schwelle war schon zweimal angehoben (880 ->
|
||||
1480px, dazu der .nav-bar-Deckel 1400 -> 1440px), reichte aber seither
|
||||
NICHT mehr aus — seit den neu dazugekommenen Nav-Punkten "DogiCrew" +
|
||||
"BALD"-Badge braucht die aufgeklappte Desktop-Nav real ca. 1491px
|
||||
Breite (per Playwright über mehrere Breiten nachgemessen), der Deckel
|
||||
blieb aber bei 1440px hart begrenzt. Ergebnis: bei JEDER Fensterbreite
|
||||
ab ca. 1500px (nicht nur in einer schmalen Übergangszone) lief die Nav
|
||||
permanent ca. 50px über den Rand hinaus. Diesmal mit echtem Sicherheits-
|
||||
abstand behoben statt wieder nur knapp: Schwelle auf 1650px, Deckel auf
|
||||
1560px — bei exakt 1650px ergibt min(1560px, 94vw) ≈ 1551px, spürbar
|
||||
mehr als die gemessenen ~1491px nötigen Breite. Bei jeder Fensterbreite
|
||||
NACH der Schwelle reicht 94vw automatisch weiter aus (nur ganz nah an
|
||||
der Schwelle war die Lücke kritisch). */
|
||||
@media (max-width: 1650px) {
|
||||
.nav-toggle { display: block; }
|
||||
.nav-links {
|
||||
position: fixed;
|
||||
|
||||
Reference in New Issue
Block a user