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, &: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,26 +222,26 @@
transition: opacity var(--layer-transition); transition: opacity var(--layer-transition);
} }
} }
}
.avatar-online { .avatar-online {
position: absolute; position: absolute;
bottom: 0.0625rem; bottom: 0.0625rem;
right: 0.0625rem; right: 0.0625rem;
width: 0.875rem; width: 0.875rem;
height: 0.875rem; height: 0.875rem;
border-radius: 50%; border-radius: 50%;
border: 2px solid var(--color-background); border: 2px solid var(--color-background);
background-color: #0ac630; background-color: #0ac630;
flex-shrink: 0; flex-shrink: 0;
opacity: 0.5; opacity: 0.5;
transform: scale(0); transform: scale(0);
transition: opacity 200ms, transform 200ms; transition: opacity 200ms, transform 200ms;
&.avatar-online-shown { &.avatar-online-shown {
opacity: 1; opacity: 1;
transform: scale(1); transform: scale(1);
}
} }
} }

6
src/components/left/search/ChatMessage.scss
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;