FS-8146 - [verto_communicator] fix loong names in members list

diff --git a/html5/verto/verto_communicator/src/css/verto.css b/html5/verto/verto_communicator/src/css/verto.css
index 41593a3d2c525ebd3a051b3bb148ea5a1f0e65e1..b775ae75667d8d65812739894af31e81bfd3845d 100644 (file)
--- a/html5/verto/verto_communicator/src/css/verto.css
+++ b/html5/verto/verto_communicator/src/css/verto.css
@@ -842,6 +842,13 @@ body .modal-body .btn-group .btn.active {
   /*color: #DDD;*/
 }
 
+.members-name {
+  width: 183px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-top: 5px;
+}
+
 .chat-members .chat-member-item {
   padding: 8px 16px;
   height: 56px;
@@ -873,7 +880,7 @@ body .modal-body .btn-group .btn.active {
   margin: 0;
   font-size: 16px;
   display: inline-block;
-  line-height: 40px;
+  line-height: 18px;
 }
 
 .chat-members .chat-members-status i {

diff --git a/html5/verto/verto_communicator/src/partials/chat.html b/html5/verto/verto_communicator/src/partials/chat.html
index a07c82a31054252b0912157deb5c127586c22df3..06eee1da7d6c028b9cb813c9ffc05325cbc17cc4 100644 (file)
--- a/html5/verto/verto_communicator/src/partials/chat.html
+++ b/html5/verto/verto_communicator/src/partials/chat.html
@@ -21,7 +21,7 @@
       <span class="chat-members-avatar">
         <img gravatar-size="40" gravatar-src-once="member.email" class="img-circle" ng-class="{'chat-member-talking': member.status.audio.talking, 'chat-member-muted': member.status.audio.muted}" />
       </span>
-      <h4 class="chat-members-name">{{ member.name }} <small>({{ member.number }})</small></h4>
+      <h4 class="chat-members-name"><div class="members-name">{{ member.name }}</div> <small>({{ member.number }})</small></h4>
       <div class="pull-right action-buttons chat-members-action" ng-show="verto.data.confRole == 'moderator'">
         <div class="btn-group">
           <button type="button" class="btn btn-xs dropdown-toggle" data-toggle="dropdown">