aboutsummaryrefslogtreecommitdiff
path: root/src/components/emoji_input/emoji_input.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/emoji_input/emoji_input.vue')
-rw-r--r--src/components/emoji_input/emoji_input.vue16
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;