From 6134a6bb7872948cc0656ad74828650aeea67841 Mon Sep 17 00:00:00 2001 From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com> Date: Tue, 7 Jul 2026 16:00:44 -0400 Subject: [PATCH] Fix profile nav unread dots anchoring to the nav column instead of the button MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The .profile-nav__unread-dot is absolutely positioned (top:50%, left:-6px), but the nav buttons weren't a positioning context (.btn/.focus-ring set no position), so the Admin (and latent Messages) dot resolved against the whole nav column — showing mid-height at the far left instead of on its button. Make .profile-modal__nav > button position:relative so each dot anchors to its own button. Co-Authored-By: Claude Opus 4.8 --- css/tailwind.source.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/css/tailwind.source.css b/css/tailwind.source.css index c63f0540..fffa0708 100644 --- a/css/tailwind.source.css +++ b/css/tailwind.source.css @@ -3544,6 +3544,13 @@ overflow-x: visible; } + /* Nav buttons host an absolutely-positioned unread dot, so they must be the + positioning context — otherwise the dot resolves against the whole nav + column (top:50%/left:-6px of the list, not the button). */ + .profile-modal__nav > button { + position: relative; + } + .profile-nav__unread-dot { position: absolute; top: 50%;