[mirotalksfu] - improve wb

public/css/Room.css

@@ -869,7 +869,6 @@ progress {
     -moz-appearance: none;
     appearance: none;
     padding: 0;
-    border: none;
     width: 20px;
     height: 15px;
     margin-left: 5px;

public/js/Room.js

@@ -940,9 +940,6 @@ function handleButtons() {
     whiteboardButton.onclick = () => {
         toggleWhiteboard();
     };
-    whiteboardGhostButton.onclick = (e) => {
-        wbToggleBg();
-    };
     whiteboardPencilBtn.onclick = () => {
         whiteboardIsDrawingMode(true);
     };
@@ -1058,12 +1055,11 @@ function handleSelects() {
         whiteboardIsDrawingMode(true);
     };
     wbBackgroundColorEl.onchange = () => {
-        let data = {
+        setWhiteboardBgColor(wbBackgroundColorEl.value);
-            peer_name: peer_name,
+    };
-            action: 'bgcolor',
+    whiteboardGhostButton.onclick = (e) => {
-            color: wbBackgroundColorEl.value,
+        wbIsBgTransparent = !wbIsBgTransparent;
-        };
+        setWhiteboardBgColor(wbIsBgTransparent ? 'rgba(0, 0, 0, 0.100)' : wbBackgroundColorEl.value);
-        whiteboardAction(data);
     };
 }
 
@@ -1462,6 +1458,15 @@ function setWhiteboardSize(w, h) {
     document.documentElement.style.setProperty('--wb-height', h);
 }
 
+function setWhiteboardBgColor(color) {
+    let data = {
+        peer_name: peer_name,
+        action: 'bgcolor',
+        color: color,
+    };
+    whiteboardAction(data);
+}
+
 function whiteboardIsDrawingMode(status) {
     wbCanvas.isDrawingMode = status;
     if (status) {
@@ -1759,15 +1764,6 @@ function whiteboardAction(data, emit = true) {
     }
 }
 
-function wbToggleBg() {
-    wbIsBgTransparent = !wbIsBgTransparent;
-    if (wbIsBgTransparent) {
-        document.documentElement.style.setProperty('--wb-bg', 'rgba(0, 0, 0, 0.100)');
-    } else {
-        setTheme(currentTheme);
-    }
-}
-
 // ####################################################
 // HANDLE PARTICIPANTS
 // ####################################################