From: Italo Rossi <italorossib@gmail.com>
Date: Sat, 26 Sep 2015 13:20:32 +0000 (-0300)
Subject: FS-8223 [verto_communicator] Fixing members list layout when callerid is too long.
X-Git-Tag: v1.6.3~1^2~111
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=2ed70b1a729fe2fb7db73e9400fde8d6ba344a80;p=thirdparty%2Ffreeswitch.git

FS-8223 [verto_communicator] Fixing members list layout when callerid is too long.
---

diff --git a/html5/verto/verto_communicator/src/css/verto.css b/html5/verto/verto_communicator/src/css/verto.css
index 4f383700d2..4b305dda92 100644
--- a/html5/verto/verto_communicator/src/css/verto.css
+++ b/html5/verto/verto_communicator/src/css/verto.css
@@ -8,6 +8,13 @@ body {
   padding-top: 60px;
 }
 
+.ellipsis {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  width: 160px;
+}
+
 .inline-block {
   display: inline-block;
 }
diff --git a/html5/verto/verto_communicator/src/partials/chat.html b/html5/verto/verto_communicator/src/partials/chat.html
index 06eee1da7d..3d9b217f4c 100644
--- a/html5/verto/verto_communicator/src/partials/chat.html
+++ b/html5/verto/verto_communicator/src/partials/chat.html
@@ -21,6 +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>
+      <!-- FIXME(italo): Put this whole block in a flex box to avoid defining fixed width.-->
       <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">