diff --git a/src/app/organisms/room/RoomViewCmdBar.jsx b/src/app/organisms/room/RoomViewCmdBar.jsx index b274c36..0c72319 100644 --- 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) - } + {renderEmoji(emoji)} {`:${emoji.shortcode}:`} )); diff --git a/src/app/organisms/room/RoomViewCmdBar.scss b/src/app/organisms/room/RoomViewCmdBar.scss index 9fc1821..498c235 100644 --- 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);