diff --git a/src/assets/emojiSprites.png b/src/assets/emojiSprites.png new file mode 100644 index 0000000..982bf77 Binary files /dev/null and b/src/assets/emojiSprites.png differ diff --git a/src/components/app/EmojiPanels/EmojiTemplate.vue b/src/components/app/EmojiPanels/EmojiTemplate.vue new file mode 100644 index 0000000..76048bb --- /dev/null +++ b/src/components/app/EmojiPanels/EmojiTemplate.vue @@ -0,0 +1,59 @@ + + + + + diff --git a/src/components/app/EmojiPanels/emojiPanel.vue b/src/components/app/EmojiPanels/emojiPanel.vue index bbd0881..861ffeb 100644 --- a/src/components/app/EmojiPanels/emojiPanel.vue +++ b/src/components/app/EmojiPanels/emojiPanel.vue @@ -2,84 +2,73 @@
- -
-
Recent
-
-
- -
-
-
+ +
Recents
- -
-
Custom Emojis
-
-
- +
+
-
- - -
-
{{ group }}
-
-
- Custom Emojis
+
+
+
-
+
+
{{ e.gname }}
+
+ +
+
+
-
+
history -
Recent
-
+
face -
Custom Emojis
- -
{{ groups[index] }}
+ +
@@ -88,18 +77,19 @@ - - diff --git a/src/components/app/MessagePanel.vue b/src/components/app/MessagePanel.vue index 984828f..dae7a5c 100644 --- a/src/components/app/MessagePanel.vue +++ b/src/components/app/MessagePanel.vue @@ -786,6 +786,11 @@ export default { message(message) { this.messageLength = message.length; this.$nextTick(this.resize); + }, + selectedChannelID() { + this.$nextTick(() => { + this.$refs["input-box"].focus(); + }) } }, computed: { diff --git a/src/components/app/MessageTemplate.vue b/src/components/app/MessageTemplate.vue index 3cedf32..aa1dba9 100644 --- a/src/components/app/MessageTemplate.vue +++ b/src/components/app/MessageTemplate.vue @@ -1,6 +1,7 @@