[mirotalksfu] - fix toggleExtraButtons

public/js/Room.js

@@ -1809,12 +1809,14 @@ function handleButtons() {
     lowerHandButton.onclick = () => {
         rc.updatePeerInfo(peer_name, socket.id, 'hand', false);
     };
-    toggleExtraButton.onclick = async () => {
+    toggleExtraButton.onclick = () => {
         toggleExtraButtons();
     };
     toggleExtraButton.onmouseover = () => {
-        show(control);
-        hideClassElements('videoMenuBar');
+        if (DetectRTC.isMobileDevice) return;
+        if (control.style.display === 'none') {
+            toggleExtraButtons();
+        }
     };
     startAudioButton.onclick = async () => {
         const moderator = rc.getModerator();
@@ -3213,8 +3215,7 @@ function showButtons() {
 
 function checkButtonsBar() {
     if (!isButtonsBarOver) {
-        // hideClassElements('videoMenuBar');
-        hide(control);
+        control.style.display = 'none';
         bottomButtons.style.display = 'none';
         isButtonsVisible = false;
     }
@@ -3223,6 +3224,13 @@ function checkButtonsBar() {
     }, 10000);
 }
 
+function toggleExtraButtons() {
+    control.style.display === 'none' || control.style.display === ''
+        ? elemDisplay('control', true, 'flex')
+        : elemDisplay('control', false);
+    hideClassElements('videoMenuBar');
+}
+
 function hideClassElements(className) {
     const elements = rc.getEcN(className);
     for (let i = 0; i < elements.length; i++) {
@@ -3238,11 +3246,6 @@ function setCamerasBorderNone() {
     }
 }
 
-function toggleExtraButtons() {
-    control.classList.contains('hidden') ? show(control) : hide(control);
-    hideClassElements('videoMenuBar');
-}
-
 // https://animate.style
 
 function animateCSS(element, animation, prefix = 'animate__') {