From 4aa770d2c9cc20b5ca9f54b40cf7d0946c735b15 Mon Sep 17 00:00:00 2001 From: Tyler Hoang Date: Wed, 6 May 2026 16:47:11 -0700 Subject: Fix mobile menu visibility issue Use visibility and opacity instead of max-height/overflow to completely hide the mobile menu when closed. Prevents elements from peeking out. Co-Authored-By: Claude Haiku 4.5 --- static/styles.css | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) diff --git a/static/styles.css b/static/styles.css index 724d1d9..345a1c8 100644 --- a/static/styles.css +++ b/static/styles.css @@ -980,8 +980,8 @@ textarea:focus { } .nav-actions { - position: absolute; - top: 100%; + position: fixed; + top: 73px; left: 0; right: 0; flex-direction: column; @@ -989,13 +989,15 @@ textarea:focus { border-bottom: 1px solid var(--line); background: var(--bg); padding: 12px 0; - max-height: 0; - overflow: hidden; - transition: max-height 0.3s ease; + z-index: 100; + visibility: hidden; + opacity: 0; + transition: opacity 0.3s ease, visibility 0.3s ease; } .nav-actions.is-open { - max-height: 400px; + visibility: visible; + opacity: 1; } .nav-actions a, -- cgit v1.3-2-g0d8e