From 20a44a915f4e72a989ab135594756589bb47ef33 Mon Sep 17 00:00:00 2001 From: Bernard Siebens Date: Fri, 21 Aug 2026 09:39:05 +0200 Subject: [PATCH] Fix unreadable white-on-white text when hovering the active identity page tab The JS toggle set bg-white/text-ink on the newly active tab but never removed hover:text-white, which was still sitting in that tab's class list from its inactive state (or, for Identity, added by hovering while active) -- hovering the active pill turned its own text white on its own white background. Co-Authored-By: Claude Sonnet 5 Claude-Session: https://claude.ai/code/session_01ECGMEwrc2k4D8VQuwjstj9 --- management/templates/management/club_settings.html | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/management/templates/management/club_settings.html b/management/templates/management/club_settings.html index afc7c03..a2be9b8 100644 --- a/management/templates/management/club_settings.html +++ b/management/templates/management/club_settings.html @@ -307,6 +307,11 @@ other.classList.toggle("bg-white", active); other.classList.toggle("text-ink", active); other.classList.toggle("text-on-dark", !active); + // Without this, a tab that started active (Identity, server-rendered + // without hover:text-white) or was activated via a click keeps whatever + // hover class its *other* state had -- hovering the active white pill + // would turn its own text white too, unreadable on the white background. + other.classList.toggle("hover:text-white", !active); }); document.querySelectorAll("[data-page-panel]").forEach((panel) => { const active = panel.dataset.pagePanel === tab.dataset.pageTab;