[mirotalksfu] - improve buttons UI

app/src/Server.js

@@ -44,7 +44,7 @@ dependencies: {
  * @license For commercial or closed source, contact us at license.mirotalk@gmail.com or purchase directly via CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.5.22
+ * @version 1.5.23
  *
  */
 

package.json

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

public/css/Room.css

@@ -199,6 +199,7 @@ body {
 
 #control button:hover {
     transform: translateY(-3px);
+    background: var(--body-bg) !important;
 }
 
 #control button i {
@@ -236,14 +237,15 @@ body {
     width: 48px;
     font-size: 1.4rem;
     padding: 10px;
-    background: var(--btns-bg-color);
     border-radius: 10px;
+    background: var(--btns-bg-color);
     border: none !important;
     transition: all 0.3s ease-in-out;
 }
 
 #bottomButtons button:hover {
     transform: var(--btns-hover-scale);
+    background: var(--body-bg) !important;
 }
 
 /*--------------------------------------------------------------
@@ -1086,7 +1088,8 @@ button {
 
 button:hover {
     color: grey;
-    transform: var(--btns-hover-scale);
+    /* background: var(--body-bg) !important; */
+    /* transform: var(--btns-hover-scale); */
 }
 
 .red {
@@ -1188,7 +1191,7 @@ button:hover {
 #receiveAbortBtn:hover,
 #receiveHideBtn:hover {
     color: rgb(255, 0, 0);
-    transform: var(--btns-hover-scale);
+    transform: translateY(-3px);
     transition: all 0.3s ease-in-out;
 }
 
@@ -1300,7 +1303,7 @@ progress {
     border: solid 0.5px #afadad38;
 }
 .whiteboardColorPicker:hover {
-    transform: var(--btns-hover-scale);
+    transform: translateY(-3px);
     transition: all 0.3s ease-in-out;
     cursor: pointer;
 }

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 license.mirotalk@gmail.com or purchase directly via CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.5.22
+ * @version 1.5.23
  *
  */
 
@@ -4299,7 +4299,7 @@ function showAbout() {
         imageUrl: image.about,
         customClass: { image: 'img-about' },
         position: 'center',
-        title: 'WebRTC SFU v1.5.22',
+        title: 'WebRTC SFU v1.5.23',
         html: `
         <br />
         <div id="about">

public/js/RoomClient.js

@@ -9,7 +9,7 @@
  * @license For commercial or closed source, contact us at license.mirotalk@gmail.com or purchase directly via CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.5.22
+ * @version 1.5.23
  *
  */