diff options
Diffstat (limited to 'src/components/emoji_input/emoji_input.vue')
| -rw-r--r-- | src/components/emoji_input/emoji_input.vue | 16 |
1 files changed, 6 insertions, 10 deletions
diff --git a/src/components/emoji_input/emoji_input.vue b/src/components/emoji_input/emoji_input.vue index 3ca12af1..b077e6e9 100644 --- a/src/components/emoji_input/emoji_input.vue +++ b/src/components/emoji_input/emoji_input.vue @@ -6,8 +6,8 @@ <slot /> <template v-if="emojiPicker"> <div + v-if="!emojiPickerExternalTrigger" class="emoji-picker-icon" - :class="pickerIconBottom ? 'picker-icon-bottom': 'picker-icon-right'" @click.prevent="togglePicker" > <i class="icon-smile" /> @@ -16,8 +16,11 @@ v-if="emojiPicker" ref="picker" :class="{ hide: !showPicker }" + :sticker-picker="stickerPicker" class="emoji-picker-panel" @emoji="insert" + @sticker-uploaded="onStickerUploaded" + @sticker-upload-failed="onStickerUploadFailed" /> </template> <div @@ -62,6 +65,8 @@ .emoji-picker-icon { position: absolute; + top: 0; + right: 0; margin: 0 .25em; font-size: 16px; cursor: pointer; @@ -70,15 +75,6 @@ color: $fallback--text; color: var(--text, $fallback--text); } - - &.picker-icon-bottom { - bottom: 0; - left: 0; - } - &.picker-icon-right { - top: 0; - right: 0; - } } .emoji-picker-panel { position: absolute; |
