From c82e6187af95ac040e55fa39e7ba1fcc0e067acc Mon Sep 17 00:00:00 2001 From: Keith Solomon Date: Sun, 12 Jul 2026 14:30:41 -0500 Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feature:=20Add=20independent=20chro?= =?UTF-8?q?me=20tint=20elements=20for=20iOS=2026+=20compatibility=20and=20?= =?UTF-8?q?enhance=20related=20tests?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- header.php | 21 +++ static/js/modules/ChromeTint.js | 72 ++++----- styles/base/global.css | 48 +++--- tests/chrome-tint.spec.js | 263 ++++++++++++++++++++------------ 4 files changed, 248 insertions(+), 156 deletions(-) diff --git a/header.php b/header.php index b43a620..ccbbd35 100644 --- a/header.php +++ b/header.php @@ -39,6 +39,27 @@ $showHero = $post->post_parent === $services ? true : false; + tag and + * instead samples the background-color of fixed/sticky elements + * near the top and bottom of the viewport to tint the browser + * chrome (status bar / home indicator). Their backgroundColor is + * updated at runtime by static/js/modules/ChromeTint.js based on + * which element (site-header or site-footer) is in view. + * + * Sampling windows (iOS 26): + * - top: within 4px of top, width >=80%, min-height 12px + * - bottom: within 3px of bottom, width >=80%, min-height 3px + * + * aria-hidden because these are visual-only and carry no meaning. + */ + ?> + + +