qugalet/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

make header scrollable Y->X

Browse source
This commit is contained in:
Henry Jameson 2024-12-23 23:15:35 +02:00
parent e2bcbd51bb
commit 0bbdea0e90
2 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -135,6 +135,9 @@ const EmojiPicker = {
Popover Popover
}, },
methods: { methods: {
groupScroll (e) {
e.currentTarget.scrollLeft += e.deltaY + e.deltaX
},
updateEmojiSize () { updateEmojiSize () {
const css = window.getComputedStyle(this.$refs.popover.$el) const css = window.getComputedStyle(this.$refs.popover.$el)
const emojiSize = css.getPropertyValue('--emojiSize') const emojiSize = css.getPropertyValue('--emojiSize')

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

@ -8,7 +8,9 @@
@close="onPopoverClosed" @close="onPopoverClosed"
> >
<template #content> <template #content>
<div class="heading"> <div
class="heading"
>
<!-- <!--
Body scroll lock needs to be on every scrollable element on safari iOS. Body scroll lock needs to be on every scrollable element on safari iOS.
Here we tell it to enable scrolling for this element. Here we tell it to enable scrolling for this element.
@ -18,6 +20,7 @@
ref="header" ref="header"
v-body-scroll-lock="isInModal" v-body-scroll-lock="isInModal"
class="emoji-tabs" class="emoji-tabs"
@wheel.prevent="groupScroll"
> >
<span <span
v-for="group in filteredEmojiGroups" v-for="group in filteredEmojiGroups"