From e66a55a8dbfb33256af617d29cfca483e26e9458 Mon Sep 17 00:00:00 2001 From: Deeman Date: Fri, 20 Feb 2026 14:44:53 +0100 Subject: [PATCH] fix: nav mobile layout + container width alignment Co-Authored-By: Claude Sonnet 4.6 --- CHANGELOG.md | 2 ++ .../public/templates/imprint_de.html | 7 +++-- .../src/padelnomics/static/css/input.css | 24 +++++++++++--- .../src/padelnomics/templates/base.html | 31 +++++++++++-------- 4 files changed, 44 insertions(+), 20 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 8b0240e..6fbff88 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,6 +7,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/). ## [Unreleased] ### Fixed +- Nav: hamburger button was trapped inside `.nav-links--right`; parent `display: none` on mobile hid it too — moved hamburger to be first child of `.nav-inner`; sign-in button added as always-visible mobile slot (`.nav-auth-mobile`) on the right; mobile grid is now `auto 1fr auto` (hamburger | logo | sign-in) +- Nav: align `.nav-inner` width with `container-page` — changed `max-width` from 80rem to 72rem (`--container-6xl`) and matched responsive padding (`1rem` / `1.5rem` / `2rem` at mobile / sm / lg) so nav edges are flush with page content and footer - Planner: "Get Supplier Quotes" button now navigates to the correct lang-prefixed URL (`/en/leads/quote` etc.) — hardcoded `/leads/quote` caused a 404 on prod; URL is now injected from the server via `window.__PADELNOMICS_QUOTE_URL__` ### Added diff --git a/padelnomics/src/padelnomics/public/templates/imprint_de.html b/padelnomics/src/padelnomics/public/templates/imprint_de.html index faee257..a0e3ae1 100644 --- a/padelnomics/src/padelnomics/public/templates/imprint_de.html +++ b/padelnomics/src/padelnomics/public/templates/imprint_de.html @@ -19,8 +19,9 @@

Anbieter

Hendrik Dreesmann
- Zum Offizierskasino 1
- 26127 Oldenburg
+ c/o COCENTER
+ Koppoldstr. 1
+ 86551 Aichach
Deutschland

@@ -39,7 +40,7 @@

Verantwortlicher für den Inhalt

Hendrik Dreesmann
- Zum Offizierskasino 1, 26127 Oldenburg + c/o COCENTER, Koppoldstr. 1, 86551 Aichach

(gemäß § 18 Abs. 2 MStV)

diff --git a/padelnomics/src/padelnomics/static/css/input.css b/padelnomics/src/padelnomics/static/css/input.css index e6ddc52..b406778 100644 --- a/padelnomics/src/padelnomics/static/css/input.css +++ b/padelnomics/src/padelnomics/static/css/input.css @@ -113,17 +113,23 @@ border-bottom: 1px solid #E2E8F0; } .nav-inner { - max-width: 80rem; + max-width: 72rem; /* matches container-page (max-w-6xl) */ margin: 0 auto; - padding: 0 1.5rem; + padding: 0 1rem; /* matches px-4 (mobile) */ display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; height: 56px; } + @media (min-width: 640px) { + .nav-inner { padding-inline: 1.5rem; } /* matches sm:px-6 */ + } + @media (min-width: 1024px) { + .nav-inner { padding-inline: 2rem; } /* matches lg:px-8 */ + } .nav-logo { flex-shrink: 0; - padding: 0 1.25rem; + padding: 0 1rem; /* 16px, matches Zillow logo left/right padding */ } .nav-links { display: flex; @@ -172,7 +178,7 @@ padding: 0; display: inline; } - /* Hamburger button — hidden on desktop */ + /* Hamburger button — hidden on desktop, shown on mobile (left) */ .nav-hamburger { display: none; align-items: center; @@ -188,6 +194,13 @@ } .nav-hamburger:hover { background: #F1F5F9; } .nav-hamburger svg { display: block; } + /* Mobile-only auth slot (right side) — hidden on desktop */ + .nav-auth-mobile { + display: none; + align-items: center; + justify-content: flex-end; + min-width: 36px; /* mirrors hamburger width so logo stays centred when empty */ + } /* Mobile menu panel — hidden by default */ .nav-mobile { display: none; @@ -248,7 +261,10 @@ @media (max-width: 899px) { .nav-links { display: none; } .nav-hamburger { display: flex; } + .nav-auth-mobile { display: flex; } + /* Mobile grid: [hamburger] [logo] [sign-in] — hamburger left, sign-in right */ .nav-inner { grid-template-columns: auto 1fr auto; } + .nav-logo { justify-self: center; } .nav-bar { position: sticky; } } diff --git a/padelnomics/src/padelnomics/templates/base.html b/padelnomics/src/padelnomics/templates/base.html index 1bbed1c..c91e30a 100644 --- a/padelnomics/src/padelnomics/templates/base.html +++ b/padelnomics/src/padelnomics/templates/base.html @@ -40,13 +40,22 @@