Fix emoji scaling in suggestion

Signed-off-by: Ajay Bura <ajbura@gmail.com>

diff --git a/src/app/organisms/room/RoomViewCmdBar.jsx b/src/app/organisms/room/RoomViewCmdBar.jsx
index b274c36e07adf6d0b432638d7cba958c9ae20689..0c723196b38353420844264f6b8188e7868369ed 100644 (file)
--- a/src/app/organisms/room/RoomViewCmdBar.jsx
+++ b/src/app/organisms/room/RoomViewCmdBar.jsx
@@ -126,9 +126,7 @@ function renderSuggestions({ prefix, option, suggestions }, fireCmd) {
           result: emoji,
         })}
       >
-        {
-          renderEmoji(emoji)
-        }
+        <Text variant="b1">{renderEmoji(emoji)}</Text>
         <Text variant="b2">{`:${emoji.shortcode}:`}</Text>
       </CmdItem>
     ));

diff --git a/src/app/organisms/room/RoomViewCmdBar.scss b/src/app/organisms/room/RoomViewCmdBar.scss
index 9fc18214d323b10a8e69e45996b4c7fe2a859c3f..498c23597e335c9c0f5fd3cf8faf1a4a7b99e9e5 100644 (file)
--- a/src/app/organisms/room/RoomViewCmdBar.scss
+++ b/src/app/organisms/room/RoomViewCmdBar.scss
@@ -36,20 +36,14 @@
 
 .cmd-item {
   --cmd-item-bar: inset 0 -2px 0 0 var(--bg-caution);
-
-  display: inline-flex;
-  align-items: center;
+  height: 100%;
   @include dir.side(margin, 0, var(--sp-extra-tight));
   padding: 0 var(--sp-extra-tight);
-  height: 100%;
   border-radius: var(--bo-radius) var(--bo-radius) 0 0;
   cursor: pointer;
-
-  & .emoji {
-    width: 20px;
-    height: 20px;
-    @include dir.side(margin, 0, var(--sp-ultra-tight));
-  }
+  
+  display: inline-flex;
+  align-items: center;
 
   &:hover {
     background-color: var(--bg-caution-hover);