diff options
Diffstat (limited to 'src/components/emoji_picker/emoji_picker.vue')
| -rw-r--r-- | src/components/emoji_picker/emoji_picker.vue | 22 |
1 files changed, 19 insertions, 3 deletions
diff --git a/src/components/emoji_picker/emoji_picker.vue b/src/components/emoji_picker/emoji_picker.vue index 901520aa..5a8961d2 100644 --- a/src/components/emoji_picker/emoji_picker.vue +++ b/src/components/emoji_picker/emoji_picker.vue @@ -65,12 +65,16 @@ :title="emoji.displayText" class="emoji-item" @click.stop.prevent="onEmoji(emoji)" - > - <span v-if="!emoji.imageUrl">{{ emoji.replacement }}</span> + @mouseenter="setZoomEmoji($event, emoji)" + @mouseleave="setZoomEmoji($event, false)" + > + <span v-if="!emoji.imageUrl"> + {{ emoji.replacement }} + </span> <img v-else :src="emoji.imageUrl" - > + > </span> </div> </div> @@ -95,6 +99,18 @@ /> </div> </div> + <div ref="zoom-portal" class="zoom-portal"> + <span v-if="zoomEmoji"> + <span v-if="!zoomEmoji.imageUrl"> + {{ zoomEmoji.replacement }} + </span> + <img + v-else + :key="zoomEmoji.imageUrl" + :src="zoomEmoji.imageUrl" + > + </span> + </div> </div> </template> |