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

Avatar: Fix premium star position (#2029)

Browse Source
This commit is contained in:
Alexander Zinchuk 2022-09-14 00:30:14 +02:00
parent ff5c480ef8
commit f6477b2f03
2 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/common/PremiumIcon.scss
View File

@ -16,8 +16,9 @@
height: 100%; height: 100%;
} }
&:not(.gradient) { &:not(.gradient) > svg {
transform: translateY(-2px); position: relative;
top: -2px;
} }
&.clickable { &.clickable {

12
src/components/middle/message/Message.scss
View File

@ -47,7 +47,8 @@
} }
> .Avatar, > .Avatar,
> .message-content-wrapper { > .message-content-wrapper,
> .chat-avatar-premium {
opacity: 1; opacity: 1;
transform: scale(1) translateX(0); transform: scale(1) translateX(0);
transition: transform var(--select-transition); transition: transform var(--select-transition);
@ -72,11 +73,15 @@
& > .chat-avatar-premium { & > .chat-avatar-premium {
position: absolute; position: absolute;
bottom: 0.1875rem; bottom: -0.1875rem;
left: 1.25rem; left: 1.25rem;
height: 0.75rem; height: 0.75rem;
z-index: 1; z-index: 1;
& > svg {
position: absolute;
}
--color-fill: white; --color-fill: white;
@media (max-width: 600px) { @media (max-width: 600px) {
@ -293,7 +298,8 @@
&:not(.own) { &:not(.own) {
> .Avatar, > .Avatar,
> .message-content-wrapper { > .message-content-wrapper,
> .chat-avatar-premium {
transform: translateX(2.5rem); transform: translateX(2.5rem);
} }
} }