FS-8263 $resolve [verto_communicator] lock icon in floorLocked status

This commit is contained in:
Stefan Yohansson 2015-10-02 10:31:50 -03:00
parent cd67e05946
commit 2cd99e7c4e
2 changed files with 21 additions and 3 deletions

View File

@ -895,9 +895,26 @@ body .modal-body .btn-group .btn.active {
white-space: nowrap;
}
.members-number {
font-size: 10px;
}
.members-badges {
font-size: 10px;
text-transform: uppercase;
margin-top: -2px;
}
.badge-floor span {
display: inline-block;
}
.lock-floor {
position: relative;
top: -3px;
display: inline-block;
font-size: 10px;
color: #FFF;
}
.chat-members .chat-member-item {
@ -931,7 +948,8 @@ body .modal-body .btn-group .btn.active {
margin: 0;
font-size: 16px;
display: inline-block;
line-height: 14px;
line-height: 16px;
margin-top: -3px;
}
.chat-members .chat-members-status i {

View File

@ -24,10 +24,10 @@
<!-- 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 class="ellipsis">({{ member.number }})</small>
<small class="ellipsis members-number">({{ member.number }})</small>
<div class="members-badges">
<div ng-if="member.status.video.floor" class="label" ng-class="{'label-danger': member.status.video.floorLocked, 'label-info': !member.status.video.floorLocked}">Floor</div>
<div ng-if="member.status.video.floor" class="label badge-floor" ng-class="{'label-danger': member.status.video.floorLocked, 'label-info': !member.status.video.floorLocked}"><i class="mdi mdi-action-https lock-floor" ng-if="member.status.video.floorLocked"></i> <span>Floor</span></div>
<div ng-if="member.status.video.reservationID == 'presenter'" class="label label-warning">Presenter</div>
</div>
</h4>