diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-15 09:09:44 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-15 09:09:44 +0900 |
| commit | 4ee4e70ee00f54fb8e855c475e3d2347d025cd12 (patch) | |
| tree | ccd173e007365b17857d65769f2b5709afe066ee /packages/frontend/src/components | |
| parent | typo (diff) | |
| download | sharkey-4ee4e70ee00f54fb8e855c475e3d2347d025cd12.tar.gz sharkey-4ee4e70ee00f54fb8e855c475e3d2347d025cd12.tar.bz2 sharkey-4ee4e70ee00f54fb8e855c475e3d2347d025cd12.zip | |
fix(client): Custom emojis in Inline emoji autocomplete(MkAutoComplete) is way too big
Fix #9570
Diffstat (limited to 'packages/frontend/src/components')
| -rw-r--r-- | packages/frontend/src/components/MkAutocomplete.vue | 21 |
1 files 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 { |