From 94931ba59f36d2e3aba7e3a39eccce7d1579b517 Mon Sep 17 00:00:00 2001 From: pewdiepie-archdaemon Date: Wed, 10 Jun 2026 22:39:05 +0900 Subject: [PATCH] Chats sidebar: 'manage' label sits in flex flow so its area is clickable MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Email's 'new' label is absolutely positioned to the LEFT of the '+' icon, which works there because the '+' is the visible/clickable anchor. The chats manage button has no visible glyph at rest, so the label was rendered outside the button's bounding box — hovering 'manage' lost the :hover state and clicking it missed. Override list-item-plus-label inside chats-manage-btn: position: static (in flex flow) + max-width:0 / max-width:80px expand-on-hover so the button's clickable rect grows alongside the text. Hover stays sticky; click hits. --- static/style.css | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/static/style.css b/static/style.css index 3575e907e..5b8c36780 100644 --- a/static/style.css +++ b/static/style.css @@ -1261,6 +1261,23 @@ body.bg-pattern-sparkles { #sessions-section .chats-manage-btn { opacity: 0.35 !important; } #sessions-section .chats-manage-btn:active { opacity: 1 !important; } } + /* Pull the 'manage' label out of email's absolute-positioning trick + so it sits in the flex flow and expands the button's clickable + area as it slides in. Otherwise hovering the visible 'manage' + text would actually be outside the button's bounding box. */ + #sessions-section .chats-manage-btn .list-item-plus-label { + position: static; + transform: none; + max-width: 0; + overflow: hidden; + padding-right: 0; + transition: max-width 0.2s ease, opacity 0.18s ease, padding-right 0.18s ease; + } + #sessions-section .chats-manage-btn:hover .list-item-plus-label, + #sessions-section .chats-manage-btn:focus-visible .list-item-plus-label { + max-width: 80px; + padding-right: 4px; + } /* Collapse chevron */ .section-collapse-btn {