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

Message: More accurate emoji-only rendering

Browse Source
This commit is contained in:
Alexander Zinchuk 2023-08-16 15:27:30 +02:00
parent f46c563d6d
commit f41a12a4d8
1 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/middle/message/_message-content.scss
View File

@ -732,10 +732,6 @@
background: var(--pattern-color); background: var(--pattern-color);
} }
.text-content {
margin-bottom: 1rem;
}
.media-inner { .media-inner {
line-height: 1; line-height: 1;
font-size: 1rem; font-size: 1rem;
@ -780,9 +776,9 @@
} }
.text-content { .text-content {
text-align: center;
word-break: normal; word-break: normal;
line-height: var(--emoji-only-size); line-height: var(--emoji-only-size);
font-size: var(--emoji-only-size);
.emoji { .emoji {
width: var(--emoji-only-size); width: var(--emoji-only-size);
@ -800,14 +796,20 @@
@for $i from 1 through 7 { @for $i from 1 through 7 {
&.emoji-only-#{$i} { &.emoji-only-#{$i} {
$size: min(7.5 - ($i * 0.75), 5.625) + rem; $size: null;
@if $i == 1 {
$size: 7rem;
} @else {
$size: min(7.5 - ($i * 0.75), 5.625) + rem;
}
--emoji-only-size: #{$size}; --emoji-only-size: #{$size};
}
}
&.emoji-only-1 { .text-content {
--emoji-only-size: 7rem; width: #{calc($size * $i)};
font-size: calc($size * 0.9);
}
}
} }
.Message:not(.own) & { .Message:not(.own) & {