yanchan09/akkoma-fe
1
0
Fork 0
forked from AkkomaGang/akkoma-fe
Code Issues Pull requests Projects Releases Packages Wiki Activity

Merge pull request 'Allow using mouse wheel to navigate through the emoji tabs (#179)' (#222) from Mergan/pleroma-fe:emoji-picker-allow-scroll into develop

Browse source 
Reviewed-on: AkkomaGang/pleroma-fe#222
This commit is contained in:
floatingghost 2022-11-21 16:51:30 +00:00
commit e4e8ed812b
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"