Merge branch 'upstream-hide-custom-emoji' into 'develop'

Add ability to hide custom emojis in picker

See merge request pleroma/pleroma-fe!1887
This commit is contained in:
HJ 2024-01-17 13:23:33 +00:00
commit b0d0a3faf6
5 changed files with 21 additions and 2 deletions

View File

@ -0,0 +1 @@
Allow hiding custom emojis in picker.

View File

@ -114,6 +114,7 @@ const EmojiPicker = {
groupsScrolledClass: 'scrolled-top',
keepOpen: false,
customEmojiTimeout: null,
hideCustomEmojiInPicker: false,
// Lazy-load only after the first time `showing` becomes true.
contentLoaded: false,
groupRefs: {},
@ -286,7 +287,7 @@ const EmojiPicker = {
return 0
},
allCustomGroups () {
if (this.hideCustomEmoji) {
if (this.hideCustomEmoji || this.hideCustomEmojiInPicker) {
return {}
}
const emojis = this.$store.getters.groupedCustomEmojis

View File

@ -39,11 +39,16 @@ $emoji-picker-emoji-size: 32px;
}
.keep-open,
.too-many-emoji {
.too-many-emoji,
.hide-custom-emoji {
padding: 7px;
line-height: normal;
}
.hide-custom-emoji {
padding-top: 0;
}
.too-many-emoji {
display: flex;
flex-direction: column;

View File

@ -142,6 +142,17 @@
{{ $t('emoji.keep_open') }}
</Checkbox>
</div>
<div
v-if="!hideCustomEmoji"
class="hide-custom-emoji"
>
<Checkbox
v-model="hideCustomEmojiInPicker"
@change="onShowing"
>
{{ $t('emoji.hide_custom_emoji') }}
</Checkbox>
</div>
</div>
<div
v-if="showingStickers"

View File

@ -237,6 +237,7 @@
"search_emoji": "Search for an emoji",
"add_emoji": "Insert emoji",
"custom": "Custom emoji",
"hide_custom_emoji": "Hide custom emojis",
"unpacked": "Unpacked emoji",
"unicode": "Unicode emoji",
"unicode_groups": {