Sidebar/Chats manage button: drop hover background tint

The shared .section-header-btn:hover rule paints a tinted background
across all section header buttons. On the Chats manage button this
showed as a box behind the sliding 'manage' label, which the user
didn't want. Override background to transparent for that one button.
This commit is contained in:
pewdiepie-archdaemon
2026-06-10 22:42:06 +09:00
parent 1ee51be420
commit baa4449a03
+8
View File
@@ -1257,6 +1257,14 @@ body.bg-pattern-sparkles {
#sessions-section .chats-manage-btn:focus-visible {
opacity: 1 !important;
}
/* No hover background on the Chats manage button the inherited
section-header-btn rule was painting a tinted box behind the
'manage' label as it slid in. */
#sessions-section .chats-manage-btn,
#sessions-section .chats-manage-btn:hover,
#sessions-section .chats-manage-btn:focus-visible {
background: transparent !important;
}
@media (hover: none) {
#sessions-section .chats-manage-btn { opacity: 0.35 !important; }
#sessions-section .chats-manage-btn:active { opacity: 1 !important; }