(UI) fixes

Author: antoine92190

src/ChatWindow/ChatMessage.vue

@@ -170,6 +170,9 @@
 					:class="{
 						'reaction-me': reaction.indexOf(currentUserId) !== -1
 					}"
+					:style="{
+						float: message.sender_id === currentUserId ? 'right' : 'left'
+					}"
 					@click="sendMessageReaction({ name: key }, reaction)"
 				>
 					{{ getEmojiByName(key) }}<span>{{ reaction.length }}</span>
@@ -234,6 +237,9 @@ export default {
 			this.newMessage = val.reduce((res, obj) =>
 				obj.index < res.index ? obj : res
 			)
+		},
+		emojiOpened(val) {
+			if (val) this.closeOptions()
 		}
 	},
 
@@ -354,7 +360,9 @@ export default {
 			if (!this.optionsOpened) return
 
 			setTimeout(() => {
-				if (!this.$refs.menuOptions || !this.roomFooterRef) return
+				if (!this.roomFooterRef || !this.$refs.menuOptions || !this.actionIcon)
+					return
+
 				const menuOptionsHeight = this.$refs.menuOptions.getBoundingClientRect()
 					.height
 

src/ChatWindow/MessagesList.vue

@@ -405,7 +405,7 @@ export default {
 		},
 		resizeTextarea(textarea) {
 			textarea.style.height = 0
-			textarea.style.height = textarea.scrollHeight + 2 + 'px'
+			textarea.style.height = textarea.scrollHeight + 'px'
 		},
 		addEmoji(emoji) {
 			this.message += emoji.icon