Reserve space for emoji picker button in emoji input

This commit is contained in:
Henry Jameson 2019-10-14 19:56:46 +03:00
parent 1400d723f2
commit 6266148745

View file

@ -2,6 +2,7 @@
<div <div
v-click-outside="onClickOutside" v-click-outside="onClickOutside"
class="emoji-input" class="emoji-input"
:class="{ 'with-picker': !hideEmojiButton }"
> >
<slot /> <slot />
<template v-if="enableEmojiPicker"> <template v-if="enableEmojiPicker">
@ -63,6 +64,10 @@
flex-direction: column; flex-direction: column;
position: relative; position: relative;
&.with-picker input {
padding-right: 30px;
}
.emoji-picker-icon { .emoji-picker-icon {
position: absolute; position: absolute;
top: 0; top: 0;