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

Fix emoji scaling in suggestion

Browse source 
Signed-off-by: Ajay Bura <ajbura@gmail.com>
This commit is contained in:
Ajay Bura 2022-01-28 10:55:52 +05:30
parent ab3d9ddb13
commit fb0a0b0dc2
2 changed files with 5 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/app/organisms/room/RoomViewCmdBar.jsx
View file

@ -126,9 +126,7 @@ function renderSuggestions({ prefix, option, suggestions }, fireCmd) {
result: emoji, result: emoji,
})} })}
> >
{ <Text variant="b1">{renderEmoji(emoji)}</Text>
renderEmoji(emoji)
}
<Text variant="b2">{`:${emoji.shortcode}:`}</Text> <Text variant="b2">{`:${emoji.shortcode}:`}</Text>
</CmdItem> </CmdItem>
)); ));

12
src/app/organisms/room/RoomViewCmdBar.scss
View file

@ -36,20 +36,14 @@
.cmd-item { .cmd-item {
--cmd-item-bar: inset 0 -2px 0 0 var(--bg-caution); --cmd-item-bar: inset 0 -2px 0 0 var(--bg-caution);
height: 100%;
display: inline-flex;
align-items: center;
@include dir.side(margin, 0, var(--sp-extra-tight)); @include dir.side(margin, 0, var(--sp-extra-tight));
padding: 0 var(--sp-extra-tight); padding: 0 var(--sp-extra-tight);
height: 100%;
border-radius: var(--bo-radius) var(--bo-radius) 0 0; border-radius: var(--bo-radius) var(--bo-radius) 0 0;
cursor: pointer; cursor: pointer;
& .emoji { display: inline-flex;
width: 20px; align-items: center;
height: 20px;
@include dir.side(margin, 0, var(--sp-ultra-tight));
}
&:hover { &:hover {
background-color: var(--bg-caution-hover); background-color: var(--bg-caution-hover);