michael/cinny
1
0
Fork 0
Code Issues 8 Pull requests Projects Releases Packages Wiki Activity

Fix twemoji scaling

Browse source 
Signed-off-by: Ajay Bura <ajbura@gmail.com>
This commit is contained in:
Ajay Bura 2021-12-24 10:18:07 +05:30
parent ea5b63af18
commit 0f963a93f1
2 changed files with 7 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/app/atoms/text/Text.scss
View file

@ -5,7 +5,7 @@
& img.emoji, & img.emoji,
& img[data-mx-emoticon] { & img[data-mx-emoticon] {
height: var(--fs-#{$type}); height: calc(var(--lh-#{$type}) - .25rem);
} }
} }
@ -20,7 +20,8 @@
margin-right: 2px !important; margin-right: 2px !important;
padding: 0 !important; padding: 0 !important;
position: relative; position: relative;
top: 2px; top: -.1rem;
vertical-align: middle;
} }
} }

8
src/app/molecules/message/Message.scss
View file

@ -241,8 +241,8 @@
cursor: pointer; cursor: pointer;
& .react-emoji { & .react-emoji {
width: 14px; width: 16px;
height: 14px; height: 16px;
margin: 2px; margin: 2px;
} }
&-count { &-count {
@ -250,8 +250,8 @@
color: var(--tc-surface-normal) color: var(--tc-surface-normal)
} }
&-tooltip .react-emoji { &-tooltip .react-emoji {
width: 14px; width: 16px;
height: 14px; height: 16px;
margin: 0 var(--sp-ultra-tight); margin: 0 var(--sp-ultra-tight);
margin-bottom: -2px; margin-bottom: -2px;
} }