From b9281da9c9f5273e6b281a032ef4f003928e7d44 Mon Sep 17 00:00:00 2001 From: khannurien Date: Thu, 8 Oct 2026 21:58:15 +0000 Subject: [PATCH] =?UTF-8?q?v4:=20the=20avatar=20menu=20opens=20from=20the?= =?UTF-8?q?=20avatar's=20left=20edge=20=E2=80=94=20since=207531be3=20the?= =?UTF-8?q?=20avatar=20leads=20the=20header's=20icon=20row,=20but=20its=20?= =?UTF-8?q?menu=20still=20hung=20from=20its=20right=20edge,=20so=20on=20a?= =?UTF-8?q?=20phone=20it=20ran=20off=20the=20left=20of=20the=20screen.=20I?= =?UTF-8?q?t=20now=20hangs=20from=20the=20left=20edge=20and=20opens=20over?= =?UTF-8?q?=20the=20icons.=20Checked=20in=20screenshots=20in=20Smooth=20at?= =?UTF-8?q?=20390px=20and=20Brutalist=20at=20320px,=20in=20French,=20and?= =?UTF-8?q?=20Kanagawa=20at=201100px.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 5.5 --- src/App.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/App.css b/src/App.css index bd1d83e7..00a3d9c8 100644 --- a/src/App.css +++ b/src/App.css @@ -3181,10 +3181,12 @@ body.has-player .chat-fab { box-shadow: 0 0 0 2px var(--color-accent); } +/* The avatar leads the header's icon row, so the menu hangs from its left + edge and opens over the icons: from its right edge, it ran off a phone. */ .user-menu-dropdown { position: absolute; top: calc(100% + 0.4rem); - right: 0; + left: 0; min-width: 150px; background: var(--color-surface); border: var(--border-width) solid var(--color-border-subtle);