Fix emoji scaling in suggestion

Signed-off-by: Ajay Bura <[email protected]>
cinnyapp · Jan 28, 2022 · fb0a0b0 · fb0a0b0
1 parent ab3d9dd
commit fb0a0b0
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 13 deletions.
diff --git 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
@@ -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);