From 4550bafd989b0a61b38f7b17b57cbf1c7acf3367 Mon Sep 17 00:00:00 2001 From: Claude Date: Sat, 3 Oct 2026 21:12:16 +0000 Subject: [PATCH] Kit header: keep the menu button on the brand row on phones; long names truncate Co-Authored-By: Claude Sonnet 5.5 Claude-Session: https://claude.ai/code/session_01WgGH61XM2mQqd384feWh74 --- assets/kit/interimm.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/assets/kit/interimm.css b/assets/kit/interimm.css index f600cf3..fb700bb 100644 --- a/assets/kit/interimm.css +++ b/assets/kit/interimm.css @@ -228,6 +228,12 @@ ul, ol { margin: 0 0 1em; } } @media (max-width: 58rem) { + /* brand and menu button stay on one row; a long name truncates instead of pushing the button down */ + .header-inner { gap: 0.5rem 0.75rem; min-height: 0; padding-block: 0.6rem; } + .header-inner > .brand { flex: 1 1 0; min-width: 0; } + .header-inner > .brand .brand-name { min-width: 0; } + .header-inner > .brand .brand-name, .header-inner > .brand .brand-sub { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } + .nav-toggle { flex: none; } .js .nav-toggle { display: inline-flex; } .js .site-nav { display: none; flex-basis: 100%; padding-bottom: 0.75rem; } .js .site-nav.is-open { display: flex; flex-direction: column; align-items: stretch; }