Mailspring/internal_packages/composer-emojis/stylesheets/composer-emojis.less

@import "ui-variables";

.emoji-picker {
  max-height: 130px !important;
  margin: 10px;
  overflow: auto;
  .btn.btn-icon {
    font-size: 14px !important;
    padding: 0 0.5em;
    &:first-child {
      padding-left: 0.5em !important;
    }
    &.emoji-option, &:hover {
      background-color: @btn-emphasis-bg-color;
      color: #FFFFFF;
      border-radius: 5px;
    }
  }
}
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-04 07:05:14 +08:00			`@import "ui-variables";`
:art:(composer-emojis): Fix styles in emoji picker Summary: Adjust sizing, padding, etc., to fit better with overall app design. Test Plan: Tested locally. Differential Revision: https://phab.nylas.com/D2627 2016-02-25 02:07:27 +08:00
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-04 07:05:14 +08:00			`.emoji-picker {`
:art:(composer-emojis): Fix styles in emoji picker Summary: Adjust sizing, padding, etc., to fit better with overall app design. Test Plan: Tested locally. Differential Revision: https://phab.nylas.com/D2627 2016-02-25 02:07:27 +08:00			`max-height: 130px !important;`
			`margin: 10px;`
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-04 07:05:14 +08:00			`overflow: auto;`
:art:(composer-emojis): Fix styles in emoji picker Summary: Adjust sizing, padding, etc., to fit better with overall app design. Test Plan: Tested locally. Differential Revision: https://phab.nylas.com/D2627 2016-02-25 02:07:27 +08:00			`.btn.btn-icon {`
			`font-size: 14px !important;`
fix(lint): fix less and js linter issues 2016-02-25 04:31:14 +08:00			`padding: 0 0.5em;`
:art:(composer-emojis): Fix styles in emoji picker Summary: Adjust sizing, padding, etc., to fit better with overall app design. Test Plan: Tested locally. Differential Revision: https://phab.nylas.com/D2627 2016-02-25 02:07:27 +08:00			`&:first-child {`
			`padding-left: 0.5em !important;`
			`}`
			`&.emoji-option, &:hover {`
			`background-color: @btn-emphasis-bg-color;`
			`color: #FFFFFF;`
			`border-radius: 5px;`
			`}`
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-04 07:05:14 +08:00			`}`
			`}`