diff options
| author | Tyler Hoang <tyler@tylerhoang.xyz> | 2026-05-06 16:47:11 -0700 |
|---|---|---|
| committer | Tyler Hoang <tyler@tylerhoang.xyz> | 2026-05-06 16:47:11 -0700 |
| commit | 4aa770d2c9cc20b5ca9f54b40cf7d0946c735b15 (patch) | |
| tree | 76aba40592980b1b5d7f086a083867086e4f4873 /static/styles.css | |
| parent | 11554ed790e63ff5ec8ba778c2161923b2c4fcf8 (diff) | |
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 <noreply@anthropic.com>
Diffstat (limited to 'static/styles.css')
| -rw-r--r-- | static/styles.css | 14 |
1 files 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, |