[mirotalksfu] - improve chat emoji picker

public/css/Room.css

@@ -438,10 +438,11 @@ body {
 --------------------------------------------------------------*/
 
 emoji-picker {
+    z-index: 0;
     position: absolute;
-    top: 45px;
+    bottom: 70px;
     width: 100%;
-    height: 92%;
+    height: 50%;
     --background: #16171b;
     --num-columns: 8;
     --emoji-size: 1.5rem;

public/js/Room.js

@@ -94,6 +94,7 @@ function initClient() {
         setTippy('chatMessage', 'Press enter to send', 'top-start');
         setTippy('chatSendButton', 'Send', 'top');
         setTippy('chatEmojiButton', 'Emoji', 'top');
+        setTippy('chatCloseEmojiButton', 'Close emoji', 'top');
         setTippy('chatCleanButton', 'Clean', 'bottom');
         setTippy('chatSaveButton', 'Save', 'bottom');
         setTippy('sessionTime', 'Session time', 'right');
@@ -583,6 +584,9 @@ function handleButtons() {
     chatEmojiButton.onclick = () => {
         rc.toggleChatEmoji();
     };
+    chatCloseEmojiButton.onclick = () => {
+        rc.toggleChatEmoji();
+    };
     fullScreenButton.onclick = () => {
         rc.toggleFullScreen();
     };

public/js/RoomClient.js

@@ -1421,6 +1421,7 @@ class RoomClient {
 
     toggleChatEmoji() {
         this.getId('chatEmoji').classList.toggle('show');
+        this.getId('chatCloseEmojiButton').classList.toggle('show');
     }
 
     sendMessage() {

public/view/Room.html

@@ -333,6 +333,9 @@ access to use this app.
                         type="text"
                         placeholder="💬 Enter your message..."
                     />
+                    <button id="chatCloseEmojiButton" class="hidden">
+                        <i class="fas fa-times"></i>
+                    </button>
                     <button id="chatEmojiButton" class="hidden">
                         <i class="fas fa-smile"></i>
                     </button>