OpenSource/Sharkey
OpenSource/Sharkey
1
0
Fork 0
mirror of https://activitypub.software/TransFem-org/Sharkey.git synced 2024-12-15 05:05:42 +01:00
Code Issues Projects Releases Packages Wiki Activity

fix(client): Custom emojis in Inline emoji autocomplete(MkAutoComplete) is way too big

Browse source 
Fix #9570
This commit is contained in:
syuilo 2023-01-15 09:09:44 +09:00
parent bb7867351c
commit 4ee4e70ee0
1 changed files with 10 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
packages/frontend/src/components/MkAutocomplete.vue
View file

@ -17,9 +17,7 @@
</ol> </ol>
<ol v-else-if="emojis.length > 0" ref="suggests" :class="$style.list"> <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"> <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" :class="$style.emoji"/>
<MkEmoji :emoji="emoji.emoji"/>
</div>
<!-- eslint-disable-next-line vue/no-v-html --> <!-- 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-if="q" :class="$style.emojiName" v-html="sanitizeHtml(emoji.name.replace(q, `<b>${q}</b>`))"></span>
<span v-else v-text="emoji.name"></span> <span v-else v-text="emoji.name"></span>
@ -439,14 +437,15 @@ onBeforeUnmount(() => {
} }
.emoji { .emoji {
flex-shrink: 0; flex-shrink: 0 !important;
display: flex; display: flex !important;
margin: 0 4px 0 0; margin: 0 4px 0 0 !important;
height: 24px; height: 24px !important;
width: 24px; width: 24px !important;
justify-content: center; justify-content: center !important;
align-items: center; align-items: center !important;
font-size: 20px; font-size: 20px !important;
pointer-events: none !important;
} }
.emojiImg { .emojiImg {