mel/hynetsoc-fe
1
0
Fork 0
forked from AkkomaGang/akkoma-fe
Code Issues Pull requests Projects Releases 3 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 committed by hynet-mel
parent 46520dadfd
commit c3f829eb68
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"