From 8459c2eed83250406df9ee45d5d348a252c73759 Mon Sep 17 00:00:00 2001 From: David Minarsch Date: Sat, 5 Sep 2026 20:32:25 +0200 Subject: [PATCH] fix: stop the homepage dot pattern from swallowing button clicks MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit .activity-bg is an absolutely-positioned, full-height sibling of the agent-economies section content with z-index: 0, so it paints over — and hit-tests above — the section's static boxes. The Get OLAS and Tokenomics buttons carried z-10 to sit above it; 0435926a removed that z-10 because the elevated buttons showed through the mobile chain dropdown, which fixed the layering but left both buttons unclickable. The layer is purely decorative, so exclude it from hit-testing rather than re-elevating the buttons. .circles-bg, the analogous decorative overlay directly above it in this file, already does exactly this. Verified with a headless-Chromium hit test: at each button's centre document.elementFromPoint returns div.activity-bg before the change and the after it; clicking Get OLAS now lands on /olas-token#token-details scrolled to the anchor, and the mobile dropdown still owns its own points. Co-Authored-By: Claude Opus 5 (1M context) Claude-Session: https://claude.ai/code/session_01D3mccotoPBzhS53E9LRS3z --- styles/globals.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/styles/globals.css b/styles/globals.css index 14b0e766..f38fd8e3 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -118,6 +118,10 @@ video { background-position: center; background-size: 45px 45px; position: absolute; + /* Decorative only. As a positioned sibling it covers the section's static + content (the Get OLAS / Tokenomics buttons), so without this it swallows + their clicks. Same reason as .circles-bg above. */ + pointer-events: none; } .agents-bg {