From 118efeb1581d98dc6222c175c1a6333feafb9574 Mon Sep 17 00:00:00 2001 From: Emi Griffith Date: Fri, 17 Jul 2026 23:09:59 -0700 Subject: [PATCH] Declutter subpage headers; pin the mobile hamburger to the viewport (#176) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Drop the ' · Calendar' / ' · Day' page indicators from the subpage headers - at the wordmark's size they wrapped the lockup to two lines on phones, and the active nav pill already names the page. On mobile the hamburger is now position:fixed at the viewport's top-right so nav follows the user down the page (below the filter-sheet scrim and map modal); the brand row reserves the corner so the lockup can't slide beneath it. Claude-Session: https://claude.ai/code/session_01KdTZCjpLeD26ZbXe6ApjpR --- static/calendar.html | 2 +- static/compare.html | 2 +- static/day.html | 2 +- static/legend.html | 2 +- static/style.css | 11 ++++++++--- static/subscriptions.html | 2 +- 6 files changed, 13 insertions(+), 8 deletions(-) diff --git a/static/calendar.html b/static/calendar.html index 7d1eacf..2407a64 100644 --- a/static/calendar.html +++ b/static/calendar.html @@ -33,7 +33,7 @@
-

Thermograph · Calendar

+

Thermograph

diff --git a/static/compare.html b/static/compare.html index 2c6f02f..b89cce2 100644 --- a/static/compare.html +++ b/static/compare.html @@ -33,7 +33,7 @@
-

Thermograph · Compare

+

Thermograph

Which place best hits your comfort temperature over a date range

diff --git a/static/day.html b/static/day.html index 2a7d93c..15d9e5e 100644 --- a/static/day.html +++ b/static/day.html @@ -33,7 +33,7 @@
-

Thermograph · Day

+

Thermograph

Every percentile boundary for one day vs its typical climate

diff --git a/static/legend.html b/static/legend.html index 662fab9..7563ecf 100644 --- a/static/legend.html +++ b/static/legend.html @@ -32,7 +32,7 @@
-

Thermograph · Guide

+

Thermograph

What the metrics and percentile grades mean

diff --git a/static/style.css b/static/style.css index 45b7a01..a8672a6 100644 --- a/static/style.css +++ b/static/style.css @@ -1361,17 +1361,22 @@ main { max-width: 1200px; margin: 0 auto; padding: 20px 24px 60px; } /* One compact row: logo + name on the left, the hamburger flush-right. The nav, °F/°C toggle, bell and account all fold into the hamburger dropdown below, so the header never grows a second control-bar row. */ - .brand { flex-wrap: nowrap; align-items: center; gap: 10px; } + /* The hamburger is fixed (out of flow) — reserve its corner so the lockup + can't slide beneath it. */ + .brand { flex-wrap: nowrap; align-items: center; gap: 10px; padding-right: 56px; } .brand > div:not(.unit-toggle):not(.acct) { flex: 1 1 auto; min-width: 0; } .logo { align-self: center; margin-top: 0; } /* A real box again (not display:contents) so it anchors the absolute dropdown - and holds the hamburger, pinned to the header's right edge. */ - .nav-menu { display: inline-flex; position: relative; align-self: center; flex: 0 0 auto; } + and holds the hamburger — fixed to the viewport's top-right so nav follows + the user down the page. Below the filter-sheet scrim (950) and the map + modal (1000) so overlays still cover it. */ + .nav-menu { display: inline-flex; position: fixed; top: 10px; right: 14px; z-index: 940; } .nav-toggle { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-2); color: var(--text); + box-shadow: 0 2px 10px rgba(0, 0, 0, .25); } .nav-menu[open] .nav-toggle { border-color: var(--accent); color: var(--accent); } diff --git a/static/subscriptions.html b/static/subscriptions.html index 33be421..652773b 100644 --- a/static/subscriptions.html +++ b/static/subscriptions.html @@ -30,7 +30,7 @@
-

Thermograph · Alerts

+

Thermograph

Get notified when a city's weather passes the percentile you set