diff --git a/src/assets/css/chat.scss b/src/assets/css/chat.scss index 30a5554..54ac879 100644 --- a/src/assets/css/chat.scss +++ b/src/assets/css/chat.scss @@ -276,7 +276,7 @@ $chat-text-size: 0.7pt; .message-operations { position: absolute; width: auto; - background-color: #ffe2e2; + background-color: #e2e2e2; &.incoming { right: 30%; } diff --git a/src/components/Chat.vue b/src/components/Chat.vue index 93c6603..c0d604a 100644 --- a/src/components/Chat.vue +++ b/src/components/Chat.vue @@ -81,7 +81,7 @@ + + + cancel + + - arrow_upward + {{ editedEvent ? 'save' : 'arrow_upward' }} @@ -292,6 +297,9 @@ export default { } return this.room.roomId; }, + attachButtonDisabled() { + return this.editedEvent || this.currentInput.length > 0; + }, sendButtonDisabled() { return this.currentInput.length == 0; }, @@ -676,6 +684,11 @@ export default { this.$refs.messageInput.focus(); }, + cancelEdit() { + this.currentInput = ""; + this.editedEvent = null; + }, + emojiSelected(e) { this.showEmojiPicker = false; if (this.selectedEvent) {