From 56007f7479b7047c9903c542edba0df275205fac Mon Sep 17 00:00:00 2001 From: Jared Vititoe Date: Sun, 12 Apr 2026 00:41:29 -0400 Subject: [PATCH] Fix admin dropdown dismissing when cursor moves into menu MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The menu was positioned top:calc(100%+4px), leaving a 4px dead zone between the trigger and the menu that interrupted the :hover chain. Changed to top:100% with padding-top:6px + margin-top:-2px so the menu's hover area is contiguous with the trigger — no more needing to mouse over quickly to keep the dropdown open. Co-Authored-By: Claude Sonnet 4.6 --- assets/css/base.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/assets/css/base.css b/assets/css/base.css index 050440e..7cc0bd4 100644 --- a/assets/css/base.css +++ b/assets/css/base.css @@ -524,18 +524,22 @@ hr { .lt-nav-dropdown-menu { display: none; position: absolute; - top: calc(100% + 4px); + top: 100%; left: 0; min-width: 180px; background: var(--bg-overlay, rgba(6,12,20,0.98)); border: 1px solid var(--accent-cyan-border); box-shadow: var(--box-glow-cyan), 0 16px 40px rgba(0,0,0,0.8); z-index: var(--z-dropdown); + /* Invisible bridge above the menu so moving the cursor down from the + trigger into the menu doesn't cross a hover-dead gap */ + padding-top: 6px; + margin-top: -2px; } .lt-nav-dropdown-menu::before { content: ''; position: absolute; - top: 0; left: 0; right: 0; + top: 6px; left: 0; right: 0; height: 1px; background: var(--accent-cyan); box-shadow: var(--glow-cyan);