ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Chat: Fix online color when selected (#3420)

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
src/components/left/main/Chat.scss
View File

@ -27,7 +27,7 @@
&:hover,
&.ListItem.has-menu-open {
.Avatar.online::after {
.avatar-online {
border-color: var(--color-chat-hover);
}
@ -58,7 +58,7 @@
&.selected {
--background-color: var(--color-chat-hover) !important;
.Avatar.online::after {
.avatar-online {
border-color: var(--color-chat-hover);
}
@ -82,9 +82,9 @@
--color-checkmark: var(--color-primary)
}
.Avatar.online::after {
.avatar-online {
border-color: var(--color-chat-active) !important;
background: var(--color-white);
background-color: var(--color-white);
}
.ChatCallStatus {
@ -222,26 +222,26 @@
transition: opacity var(--layer-transition);
}
}
}
.avatar-online {
position: absolute;
bottom: 0.0625rem;
right: 0.0625rem;
width: 0.875rem;
height: 0.875rem;
border-radius: 50%;
border: 2px solid var(--color-background);
background-color: #0ac630;
flex-shrink: 0;
.avatar-online {
position: absolute;
bottom: 0.0625rem;
right: 0.0625rem;
width: 0.875rem;
height: 0.875rem;
border-radius: 50%;
border: 2px solid var(--color-background);
background-color: #0ac630;
flex-shrink: 0;
opacity: 0.5;
transform: scale(0);
transition: opacity 200ms, transform 200ms;
opacity: 0.5;
transform: scale(0);
transition: opacity 200ms, transform 200ms;
&.avatar-online-shown {
opacity: 1;
transform: scale(1);
}
&.avatar-online-shown {
opacity: 1;
transform: scale(1);
}
}

6
src/components/left/search/ChatMessage.scss
View File

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