[verto_communicator] Fix to make video devices change without restart.

Fix menu background for lower resolutions.

diff --git a/html5/verto/js/src/jquery.verto.js b/html5/verto/js/src/jquery.verto.js
index 501a871c405ef969ca2aa5ea99d513dfb45d4417..20befd92d67187f76a2879fce6f07453aa9b7feb 100644 (file)
--- a/html5/verto/js/src/jquery.verto.js
+++ b/html5/verto/js/src/jquery.verto.js
@@ -457,6 +457,10 @@
             return;
         }
 
+        if (args["useCamera"]) {
+            verto.options.deviceParams["useCamera"] = args["useCamera"];
+        }
+
         var dialog = new $.verto.dialog($.verto.enum.direction.outbound, this, args);
 
         dialog.invite();

diff --git a/html5/verto/verto_communicator/src/css/verto.css b/html5/verto/verto_communicator/src/css/verto.css
index 5111880806225896ce6c77badc15584e445b14ca..941196f87174277a5baa37b2a09a4b21ee2ffb99 100644 (file)
--- a/html5/verto/verto_communicator/src/css/verto.css
+++ b/html5/verto/verto_communicator/src/css/verto.css
@@ -102,6 +102,30 @@ button.btn i {
     margin: 5px 0px;
 }
 
+@media (max-width: 1024px) {
+  .navbar-nav {
+    margin: 7.5px -15px;
+  }
+}
+
+@media (max-width: 767px) {
+  .navbar .navbar-nav {
+    background-color: #0d47a1;
+  }
+
+  .navbar .drop-net-info .title {
+    background: #0d47a1;
+    color: #fafafa;
+    border-bottom: 0px;
+  }
+}
+
+.navbar .navbar-header {
+  position: relative;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
 .navbar .navbar-nav > li.navbar-item-icon > a {
   padding: 18px;
   height: 60px;