From 62661487452847f33c6cd5473fa972892a14908d Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 14 Oct 2019 19:56:46 +0300
Subject: [PATCH] Reserve space for emoji picker button in emoji input
---
src/components/emoji_input/emoji_input.vue | 5 +++++
1 file changed, 5 insertions(+)
diff --git a/src/components/emoji_input/emoji_input.vue b/src/components/emoji_input/emoji_input.vue
index 13530e8b..a7215670 100644
--- a/src/components/emoji_input/emoji_input.vue
+++ b/src/components/emoji_input/emoji_input.vue
@@ -2,6 +2,7 @@
<div
v-click-outside="onClickOutside"
class="emoji-input"
+ :class="{ 'with-picker': !hideEmojiButton }"
>
<slot />
<template v-if="enableEmojiPicker">
@@ -63,6 +64,10 @@
flex-direction: column;
position: relative;
+ &.with-picker input {
+ padding-right: 30px;
+ }
+
.emoji-picker-icon {
position: absolute;
top: 0;