Mailspring/internal_packages/composer-emojis/stylesheets/composer-emojis.less
Jackie Luo 74db6eb90f feat(composer-emojis): Add emojis to composer
Summary:
Emojis can now be added in the composer window with colons and the emoji names (referenced by the same names used on Slack/GitHub/etc.).

When using the correct syntax, if there are emojis that match the text typed, they appear in a dropdown floating toolbar.

Selection works with either mouse clicks or arrow keys (plus `Enter`).

Currently, the toolbar won't trigger if the colon is adjacent to a non-whitespace character.

Test Plan: TODO: Will write tests soon!

Reviewers: evan, bengotow

Reviewed By: bengotow

Differential Revision: https://phab.nylas.com/D2505
2016-02-03 15:05:36 -08:00

18 lines
381 B
Plaintext

@import "ui-variables";
.emoji-picker {
max-height: 155px !important;
padding: 10px 10px 10px 10px !important;
overflow: auto;
.btn.btn-icon.emoji-option {
background-color: @btn-emphasis-bg-color;
color: #FFFFFF;
border-radius: 15px;
}
.btn.btn-icon:hover {
background-color: @btn-emphasis-bg-color;
color: #FFFFFF;
border-radius: 15px;
}
}