mirrors/youjo-fe
mirrors/youjo-fe
1
0
Fork 0
mirror of https://git.youjo.love/youjo/youjo-fe.git synced 2024-11-20 05:49:54 +01:00
Code Issues Projects Releases Packages Wiki Activity

Allow using mouse wheel to navigate through the emoji tabs

Browse source
This commit is contained in:
David 2022-11-17 14:45:32 -08:00
parent 169282ea42
commit e06348ee33
2 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/emoji_picker/emoji_picker.js
View file

@ -62,6 +62,10 @@ const EmojiPicker = {
this.scrolledGroup(target) this.scrolledGroup(target)
this.triggerLoadMore(target) this.triggerLoadMore(target)
}, },
onWheel (e) {
e.preventDefault()
this.$refs['emoji-tabs'].scrollBy(e.deltaY, 0)
},
highlight (key) { highlight (key) {
this.setShowStickers(false) this.setShowStickers(false)
this.activeGroup = key this.activeGroup = key

6
src/components/emoji_picker/emoji_picker.vue
View file

@ -1,7 +1,11 @@
<template> <template>
<div class="emoji-picker panel panel-default panel-body"> <div class="emoji-picker panel panel-default panel-body">
<div class="heading"> <div class="heading">
<span class="emoji-tabs"> <span
class="emoji-tabs"
@wheel="onWheel"
ref="emoji-tabs"
>
<span <span
v-for="group in emojis" v-for="group in emojis"
:key="group.id" :key="group.id"