Chat: Fix online color when selected (#3420)

Simplify Avatars follow-up
This commit is contained in:
Alexander Zinchuk 2023-07-05 13:14:40 +02:00
parent 5699df5a6e
commit e9f59531ec
2 changed files with 21 additions and 27 deletions

View File

@ -27,7 +27,7 @@
&:hover, &:hover,
&.ListItem.has-menu-open { &.ListItem.has-menu-open {
.Avatar.online::after { .avatar-online {
border-color: var(--color-chat-hover); border-color: var(--color-chat-hover);
} }
@ -58,7 +58,7 @@
&.selected { &.selected {
--background-color: var(--color-chat-hover) !important; --background-color: var(--color-chat-hover) !important;
.Avatar.online::after { .avatar-online {
border-color: var(--color-chat-hover); border-color: var(--color-chat-hover);
} }
@ -82,9 +82,9 @@
--color-checkmark: var(--color-primary) --color-checkmark: var(--color-primary)
} }
.Avatar.online::after { .avatar-online {
border-color: var(--color-chat-active) !important; border-color: var(--color-chat-active) !important;
background: var(--color-white); background-color: var(--color-white);
} }
.ChatCallStatus { .ChatCallStatus {
@ -222,6 +222,7 @@
transition: opacity var(--layer-transition); transition: opacity var(--layer-transition);
} }
} }
}
.avatar-online { .avatar-online {
position: absolute; position: absolute;
@ -243,7 +244,6 @@
transform: scale(1); transform: scale(1);
} }
} }
}
.info { .info {
transition: opacity 300ms ease, transform var(--layer-transition); transition: opacity 300ms ease, transform var(--layer-transition);

View File

@ -2,12 +2,6 @@
&:first-child { &:first-child {
margin-top: 0.5rem; margin-top: 0.5rem;
} }
&:hover,
&.selected {
.Avatar.online::after {
border-color: var(--color-chat-hover);
}
}
.ListItem-button { .ListItem-button {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;