From 5075e9f4c585138cddfe7e7962170dbd2e73874a Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Sun, 2 Aug 2026 19:57:22 -0700 Subject: Header: wallet + avatar only; the avatar opens an identity menu MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The chat button leaves the header — the avatar's popup menu carries Edit profile, Settings, Messages, and Logout (lock()). The menu is available inside the chat takeover too, which now keeps the full header. Messages provides just the avatar node via the headerAvatar seam; the app owns the menu. Co-Authored-By: Claude Fable 5 Claude-Session: https://claude.ai/code/session_01Wvj4aoeMZwA7VUGdJP9Swi --- src/style.css | 3 +++ 1 file changed, 3 insertions(+) (limited to 'src/style.css') diff --git a/src/style.css b/src/style.css index 2bd18f4..fd6553a 100644 --- a/src/style.css +++ b/src/style.css @@ -400,3 +400,6 @@ hr.divider { margin: 16px 0; } .copy-ico:hover { color: var(--ink); } .settings-nav { text-align: left; font-weight: 600; padding: 14px 16px; position: relative; } .settings-nav::after { content: '›'; position: absolute; right: 16px; color: var(--faint); font-weight: 400; } +.avatar-menu-wrap { position: relative; display: inline-flex; } +.menu-backdrop { position: fixed; inset: 0; z-index: 40; } +.avatar-menu { position: absolute; right: 0; top: calc(100% + 8px); z-index: 41; min-width: 170px; } -- cgit v1.2.3