[mirotalksfu] - improvements

app/src/Server.js

@@ -55,7 +55,7 @@ dev 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.7.14
+ * @version 1.7.17
  *
  */
 

package.json

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

public/css/Room.css

@@ -49,7 +49,11 @@ body {
 .skiptranslate iframe,
 .goog-te-banner-frame.skiptranslate,
 .VIpgJd-ZVi9od-aZ2wEe-wOHMyf,
-.VIpgJd-ZVi9od-aZ2wEe-OiiCO {
+.VIpgJd-ZVi9od-aZ2wEe-OiiCO,
+#goog-gt-tt,
+#goog-gt-tt *,
+#goog-gt-vt,
+#goog-gt-vt * {
     display: none !important;
 }
 
@@ -414,7 +418,6 @@ body {
 
 #extraInfo {
     margin-left: 5px;
-    max-height: 400px;
 }
 
 #applyAudioOptionsButton {
@@ -672,15 +675,11 @@ body {
 .tabActions {
     position: relative;
     width: 65%;
-    background-color: var(--body-bg);
-    min-height: 480px;
-    max-height: 750px;
-    overflow-x: hidden;
-    overflow-y: auto;
 }
 
 @media screen and (max-width: 830px) {
     .tab {
+        display: inline;
         width: 100%;
         min-height: auto;
         flex-direction: row;
@@ -695,20 +694,16 @@ body {
     }
 }
 
-@media screen and (max-width: 540px) {
-    .tab {
-        display: inline;
-    }
-}
-
 /* Style the buttons inside the tab */
 .tab button {
     margin: 3px;
     padding: 11px;
     float: left;
     text-align: left;
     color: #fff;
+    font-size: 1rem;
     border: var(--border);
+    border-radius: 5px;
     background-color: rgba(0, 0, 0, 0.2);
     outline: none;
     cursor: pointer;
@@ -717,7 +712,7 @@ body {
 
 /* Change background color of buttons on hover */
 .tab button:hover {
-    background-color: transparent;
+    background: var(--body-bg);
     transform: translateY(-3px);
 }
 
@@ -729,14 +724,15 @@ body {
 /* Style the tab content */
 .tabcontent {
     display: none;
+    margin-top: 15px;
     padding: 6px 12px;
+    width: 100%;
+    max-height: 585px;
+    min-height: 700px;
     border-top: none;
-}
-
-.tabcontent button i {
-    padding: 10px;
-    border: var(--border);
-    border-radius: 5px;
+    background-color: var(--body-bg);
+    overflow-x: hidden;
+    overflow-y: auto;
 }
 
 .tabcontent button {
@@ -747,6 +743,7 @@ body {
 
 .tabcontent button:hover {
     background: var(--body-bg);
+    transform: scale(1);
 }
 
 /* on open display devices tab */

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.7.14
+ * @version 1.7.17
  *
  */
 
@@ -4905,7 +4905,7 @@ function showAbout() {
         imageUrl: image.about,
         customClass: { image: 'img-about' },
         position: 'center',
-        title: 'WebRTC SFU v1.7.14',
+        title: 'WebRTC SFU v1.7.17',
         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.7.14
+ * @version 1.7.17
  *
  */