[mirotalksfu] - improvements

public/css/Room.css

@@ -279,6 +279,8 @@ body {
     position: fixed;
     height: var(--msger-height);
     width: var(--msger-width);
+    min-height: var(--msger-height);
+    min-width: var(--msger-width);
     background: var(--msger-bg);
     border: var(--border);
     border-radius: 10px;
@@ -287,11 +289,6 @@ body {
     overflow: hidden;
 }
 
-.chat-room:active {
-    min-height: var(--msger-height);
-    min-width: var(--msger-width);
-}
-
 .msger {
     width: 100%;
     height: 100%;
@@ -317,7 +314,6 @@ body {
 .chat-header-title button,
 .chat-header-options button {
     border: none;
-    font-size: 1.2rem;
     transition: all 0.3s ease-in-out;
     background: rgb(0, 0, 0);
     color: #fff;

public/css/VideoGrid.css

@@ -132,7 +132,6 @@
 .videoMenuBar input,
 .videoMenuBar button {
     float: right;
-    margin-right: 3px;
     color: #fff;
     background: transparent;
     border-radius: 5px;

public/js/Room.js

@@ -123,28 +123,30 @@ function initClient() {
         setTippy('settingsButton', 'Toggle the settings', 'right');
         setTippy('aboutButton', 'About this project', 'right');
         setTippy('exitButton', 'Leave room', 'right');
+        setTippy('mySettingsCloseBtn', 'Close', 'right');
         setTippy('tabDevicesBtn', 'Devices', 'top');
         setTippy('tabRecordingBtn', 'Recording', 'top');
         setTippy('tabRoomBtn', 'Room', 'top');
         setTippy('tabVideoShareBtn', 'Video share', 'top');
         setTippy('tabAspectBtn', 'Aspect', 'top');
         setTippy('tabStylingBtn', 'Styling', 'top');
-        setTippy('whiteboardGhostButton', 'Toggle transparent background', 'top');
+        setTippy('whiteboardGhostButton', 'Toggle transparent background', 'bottom');
-        setTippy('wbBackgroundColorEl', 'Background color', 'top');
+        setTippy('wbBackgroundColorEl', 'Background color', 'bottom');
-        setTippy('wbDrawingColorEl', 'Drawing color', 'top');
+        setTippy('wbDrawingColorEl', 'Drawing color', 'bottom');
-        setTippy('whiteboardPencilBtn', 'Drawing mode', 'top');
+        setTippy('whiteboardPencilBtn', 'Drawing mode', 'bottom');
-        setTippy('whiteboardObjectBtn', 'Object mode', 'top');
+        setTippy('whiteboardObjectBtn', 'Object mode', 'bottom');
-        setTippy('whiteboardUndoBtn', 'Undo', 'top');
+        setTippy('whiteboardUndoBtn', 'Undo', 'bottom');
-        setTippy('whiteboardRedoBtn', 'Redo', 'top');
+        setTippy('whiteboardRedoBtn', 'Redo', 'bottom');
-        setTippy('whiteboardImgFileBtn', 'Add image file', 'top');
+        setTippy('whiteboardImgFileBtn', 'Add image file', 'bottom');
-        setTippy('whiteboardImgUrlBtn', 'Add image url', 'top');
+        setTippy('whiteboardImgUrlBtn', 'Add image url', 'bottom');
-        setTippy('whiteboardTextBtn', 'Add text', 'top');
+        setTippy('whiteboardTextBtn', 'Add text', 'bottom');
-        setTippy('whiteboardLineBtn', 'Add line', 'top');
+        setTippy('whiteboardLineBtn', 'Add line', 'bottom');
-        setTippy('whiteboardRectBtn', 'Add rectangle', 'top');
+        setTippy('whiteboardRectBtn', 'Add rectangle', 'bottom');
-        setTippy('whiteboardCircleBtn', 'Add circle', 'top');
+        setTippy('whiteboardCircleBtn', 'Add circle', 'bottom');
-        setTippy('whiteboardSaveBtn', 'Save', 'top');
+        setTippy('whiteboardSaveBtn', 'Save', 'bottom');
-        setTippy('whiteboardEraserBtn', 'Eraser', 'top');
+        setTippy('whiteboardEraserBtn', 'Eraser', 'bottom');
-        setTippy('whiteboardCleanBtn', 'Clean', 'top');
+        setTippy('whiteboardCleanBtn', 'Clean', 'bottom');
+        setTippy('whiteboardCloseBtn', 'Close', 'right');
         setTippy('chatMessage', 'Press enter to send', 'top-start');
         setTippy('chatCleanTextButton', 'Clean', 'top');
         setTippy('chatPasteButton', 'Paste', 'top');
@@ -156,7 +158,9 @@ function initClient() {
         setTippy('chatShareFileButton', 'Share file', 'top');
         setTippy('chatCleanButton', 'Clean', 'bottom');
         setTippy('chatSaveButton', 'Save', 'bottom');
-        setTippy('chatGhostButton', 'Toggle transparent background', 'top');
+        setTippy('chatGhostButton', 'Toggle transparent background', 'bottom');
+        setTippy('chatCloseButton', 'Close', 'right');
+        setTippy('participantsCloseBtn', 'Close', 'left');
         setTippy('sessionTime', 'Session time', 'right');
     }
     setupWhiteboard();