mirror of
https://github.com/paricafe/misskey.git
synced 2024-12-01 04:06:44 -06:00
Improve emoji picker usability
This commit is contained in:
parent
b427842679
commit
35d9e13dbb
1 changed files with 3 additions and 1 deletions
|
@ -2,7 +2,7 @@
|
||||||
<MkModal ref="modal" :src="src" @click="$refs.modal.close()" @closed="$emit('closed')">
|
<MkModal ref="modal" :src="src" @click="$refs.modal.close()" @closed="$emit('closed')">
|
||||||
<div class="omfetrab _popup" :class="['w' + width, 'h' + height, { big }]">
|
<div class="omfetrab _popup" :class="['w' + width, 'h' + height, { big }]">
|
||||||
<input ref="search" class="search" :class="{ filled: q != null && q != '' }" v-model.trim="q" :placeholder="$ts.search" @paste.stop="paste" @keyup.enter="done()">
|
<input ref="search" class="search" :class="{ filled: q != null && q != '' }" v-model.trim="q" :placeholder="$ts.search" @paste.stop="paste" @keyup.enter="done()">
|
||||||
<div class="emojis">
|
<div class="emojis" ref="emojis">
|
||||||
<section class="result">
|
<section class="result">
|
||||||
<div v-if="searchResultCustom.length > 0">
|
<div v-if="searchResultCustom.length > 0">
|
||||||
<button v-for="emoji in searchResultCustom"
|
<button v-for="emoji in searchResultCustom"
|
||||||
|
@ -180,6 +180,8 @@ export default defineComponent({
|
||||||
|
|
||||||
watch: {
|
watch: {
|
||||||
q() {
|
q() {
|
||||||
|
this.$refs.emojis.scrollTop = 0;
|
||||||
|
|
||||||
if (this.q == null || this.q === '') {
|
if (this.q == null || this.q === '') {
|
||||||
this.searchResultCustom = [];
|
this.searchResultCustom = [];
|
||||||
this.searchResultUnicode = [];
|
this.searchResultUnicode = [];
|
||||||
|
|
Loading…
Reference in a new issue