From 811bb4b725e0e8462429ff34372dbae46128f4f3 Mon Sep 17 00:00:00 2001 From: Adam Setch Date: Thu, 5 Nov 2026 16:12:01 -0500 Subject: [PATCH] fix(ui): only highlight header chevron when hovering it or empty row space --- src/renderer/App.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/src/renderer/App.css b/src/renderer/App.css index e10fef99d..743fcbf58 100644 --- a/src/renderer/App.css +++ b/src/renderer/App.css @@ -613,6 +613,20 @@ body, border-radius: 0; } +/* Primer paints expanded buttons with an active fill, which made the header + * collapse chevron look highlighted whenever its rail was shown — even while + * hovering a different action. Only highlight it when hovering the chevron + * itself or the header's empty space (which also toggles). */ +.group .gitify-hover-actions button[aria-expanded='true']:not(:hover) { + background-color: transparent; +} + +.group:hover:not(:has(button:not([aria-expanded]):hover, a:hover)) + .gitify-hover-actions + button[aria-expanded] { + background-color: var(--button-invisible-bgColor-hover); +} + /* Settings rows are `
`s so their controls stay semantically grouped, * but Primer's global stylesheet resets `fieldset { padding: 0; border: 0 }` * outside Tailwind's cascade layers. Unlayered rules win over the layered