fix: make each emoji category into a list

release
Nolan Lawson 2019-03-12 20:56:50 -07:00
parent af29bd19b0
commit e3c39bd2fa
2 changed files with 19 additions and 2 deletions

View File

@ -160,6 +160,18 @@
background-color: rgba(255, 255, 255, .95); background-color: rgba(255, 255, 255, .95);
} }
.emoji-mart-category-list {
margin: 0;
padding: 0;
}
.emoji-mart-category-list li {
list-style: none;
margin: 0;
padding: 0;
display: inline-block;
}
.emoji-mart-emoji { .emoji-mart-emoji {
position: relative; position: relative;
display: inline-block; display: inline-block;

View File

@ -195,10 +195,15 @@ export default class Category extends React.Component {
</span> </span>
</div> </div>
<ul className="emoji-mart-category-list">
{emojis && {emojis &&
emojis.map((emoji) => emojis.map((emoji) => (
NimbleEmoji({ emoji: emoji, data: this.data, ...emojiProps }), <li>
{NimbleEmoji({ emoji: emoji, data: this.data, ...emojiProps })}
</li>
)
)} )}
</ul>
{emojis && {emojis &&
!emojis.length && ( !emojis.length && (