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">