From 4ee4e70ee00f54fb8e855c475e3d2347d025cd12 Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Sun, 15 Jan 2023 09:09:44 +0900
Subject: [PATCH] fix(client): Custom emojis in Inline emoji
autocomplete(MkAutoComplete) is way too big
Fix #9570
---
.../src/components/MkAutocomplete.vue | 21 +++++++++----------
1 file changed, 10 insertions(+), 11 deletions(-)
diff --git a/packages/frontend/src/components/MkAutocomplete.vue b/packages/frontend/src/components/MkAutocomplete.vue
index 0c32b337e6..702fba9796 100644
--- a/packages/frontend/src/components/MkAutocomplete.vue
+++ b/packages/frontend/src/components/MkAutocomplete.vue
@@ -17,9 +17,7 @@
</ol>
<ol v-else-if="emojis.length > 0" ref="suggests" :class="$style.list">
<li v-for="emoji in emojis" :key="emoji.emoji" :class="$style.item" tabindex="-1" @click="complete(type, emoji.emoji)" @keydown="onKeydown">
- <div :class="$style.emoji">
- <MkEmoji :emoji="emoji.emoji"/>
- </div>
+ <MkEmoji :emoji="emoji.emoji" :class="$style.emoji"/>
<!-- eslint-disable-next-line vue/no-v-html -->
<span v-if="q" :class="$style.emojiName" v-html="sanitizeHtml(emoji.name.replace(q, `<b>${q}</b>`))"></span>
<span v-else v-text="emoji.name"></span>
@@ -439,14 +437,15 @@ onBeforeUnmount(() => {
}
.emoji {
- flex-shrink: 0;
- display: flex;
- margin: 0 4px 0 0;
- height: 24px;
- width: 24px;
- justify-content: center;
- align-items: center;
- font-size: 20px;
+ flex-shrink: 0 !important;
+ display: flex !important;
+ margin: 0 4px 0 0 !important;
+ height: 24px !important;
+ width: 24px !important;
+ justify-content: center !important;
+ align-items: center !important;
+ font-size: 20px !important;
+ pointer-events: none !important;
}
.emojiImg {