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:
parent
1ee51be420
commit
baa4449a03
1 changed files with 8 additions and 0 deletions
|
|
@ -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; }
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue