[mirotalksfu] - improve UI

app/src/Server.js

@@ -44,7 +44,7 @@ dependencies: {
  * @license For commercial or closed source, contact us at [email protected] or purchase directly via CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
  * @author  Miroslav Pejic - [email protected]
- * @version 1.4.82
+ * @version 1.4.83
  *
  */
 

package.json

@@ -1,6 +1,6 @@
 {
     "name": "mirotalksfu",
-    "version": "1.4.82",
+    "version": "1.4.83",
     "description": "WebRTC SFU browser-based video calls",
     "main": "Server.js",
     "scripts": {

public/css/Room.css

@@ -480,14 +480,34 @@ th {
 
 .dropdown-menu {
     background: var(--body-bg);
+    border: none;
+    overflow-y: auto;
+}
+
+.dropdown-menu button {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    width: 220px;
+    font-size: 0.8em;
+    text-align: left;
+    padding: 8px 16px;
+    border: none;
+    background: none;
+    cursor: pointer;
 }
 
 .dropdown-menu button:hover {
-    background-color: var(--body-bg);
-    color: white;
+    background: var(--select-bg);
+    color: #ffffff;
     transform: scale(1);
 }
 
+.dropdown-menu button i,
+.dropdown-menu button svg {
+    margin-right: 8px;
+}
+
 .dropdown-menu li:hover {
     background: var(--btns-bg-color);
 }
@@ -1183,32 +1203,11 @@ progress {
 }
 
 .whiteboard-header-options .dropdown-menu {
-    background: var(--body-bg);
-    border: none;
     max-height: calc(var(--wb-height) * 1px);
-    overflow-y: auto;
 }
 
 .whiteboard-header-options .dropdown-menu button {
-    display: flex;
-    align-items: center;
-    justify-content: flex-start;
     width: 160px;
-    font-size: 0.8em;
-    text-align: left;
-    padding: 8px 16px;
-    border: none;
-    background: none;
-    cursor: pointer;
-}
-
-.whiteboard-header-options .dropdown-menu button:hover {
-    background: var(--select-bg);
-}
-
-.whiteboard-header-options .dropdown-menu button i,
-.whiteboard-header-options .dropdown-menu button svg {
-    margin-right: 8px;
 }
 
 .whiteboardColorPicker {

public/js/Room.js

@@ -11,7 +11,7 @@ if (location.href.substr(0, 5) !== 'https') location.href = 'https' + location.h
  * @license For commercial or closed source, contact us at [email protected] or purchase directly via CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
  * @author  Miroslav Pejic - [email protected]
- * @version 1.4.82
+ * @version 1.4.83
  *
  */
 
@@ -4100,7 +4100,7 @@ function showAbout() {
         imageUrl: image.about,
         customClass: { image: 'img-about' },
         position: 'center',
-        title: 'WebRTC SFU v1.4.82',
+        title: 'WebRTC SFU v1.4.83',
         html: `
         <br />
         <div id="about">

public/js/RoomClient.js

@@ -9,7 +9,7 @@
  * @license For commercial or closed source, contact us at [email protected] or purchase directly via CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
  * @author  Miroslav Pejic - [email protected]
- * @version 1.4.82
+ * @version 1.4.83
  *
  */