diff --git a/index.html b/index.html
index 0840a375..295f0377 100644
--- a/index.html
+++ b/index.html
@@ -4,8 +4,6 @@
3V.IS
-
-
diff --git a/src/components/emoji_picker/emoji_picker.js b/src/components/emoji_picker/emoji_picker.js
index 76934e53..c0391f6c 100644
--- a/src/components/emoji_picker/emoji_picker.js
+++ b/src/components/emoji_picker/emoji_picker.js
@@ -51,6 +51,7 @@ const EmojiPicker = {
onEmoji (emoji) {
const value = emoji.imageUrl ? `:${emoji.displayText}:` : emoji.replacement
this.$emit('emoji', { insertion: value, keepOpen: this.keepOpen })
+ this.$store.commit('emojiUsed', emoji)
},
onWheel (e) {
e.preventDefault()
@@ -96,6 +97,7 @@ const EmojiPicker = {
)
},
emojis () {
+ const recentEmojis = this.$store.getters.recentEmojis
const standardEmojis = this.$store.state.instance.emoji || []
const customEmojis = this.sortedEmoji
const emojiPacks = []
@@ -108,6 +110,15 @@ const EmojiPicker = {
})
})
return [
+ {
+ id: 'recent',
+ text: this.$t('emoji.recent'),
+ first: {
+ imageUrl: '',
+ replacement: '🕒',
+ },
+ emojis: this.filterByKeyword(recentEmojis)
+ },
{
id: 'standard',
text: this.$t('emoji.unicode'),
diff --git a/src/components/emoji_reactions/emoji_reactions.vue b/src/components/emoji_reactions/emoji_reactions.vue
index 3fe81f77..599611b2 100644
--- a/src/components/emoji_reactions/emoji_reactions.vue
+++ b/src/components/emoji_reactions/emoji_reactions.vue
@@ -18,7 +18,6 @@
:src="reaction.url"
:title="reaction.name"
class="reaction-emoji"
- width="2.55em"
height="2.55em"
>
{{ reaction.count }}
@@ -50,6 +49,7 @@
display: flex;
margin-top: 0.25em;
flex-wrap: wrap;
+ container-type: inline-size;
}
.unicode-emoji {
@@ -65,7 +65,8 @@
justify-content: center;
box-sizing: border-box;
.reaction-emoji {
- width: 2.55em !important;
+ width: auto;
+ max-width: 96cqw;
height: 2.55em !important;
margin-right: 0.25em;
}
diff --git a/static/custom.css b/static/custom.css
index b441cfdb..55a8c4fe 100644
--- a/static/custom.css
+++ b/static/custom.css
@@ -16,5 +16,4 @@
:root {
--post-line-height: 2.0;
-
}