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

Custom Emoji: Fix placeholder positioning

Browse Source
This commit is contained in:
Alexander Zinchuk 2024-09-06 15:43:05 +02:00
parent 2136302d52
commit 13a3ae0103
1 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/common/CustomEmoji.module.scss
View File

@ -1,21 +1,19 @@
.root { .root {
display: inline-flex; display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: text-bottom; vertical-align: text-bottom;
width: var(--custom-emoji-size); width: var(--custom-emoji-size);
height: var(--custom-emoji-size); height: var(--custom-emoji-size);
position: relative; position: relative;
flex: 0 0 var(--custom-emoji-size); flex: 0 0 var(--custom-emoji-size);
canvas {
display: block;
}
} }
.placeholder { .placeholder {
width: 90%; width: 85%;
height: 90%; height: 85%;
background-color: #77777719; background-color: #77777719;
border-radius: 0.3125rem !important; border-radius: 0.3125rem;
} }
.thumb { .thumb {