BigBlueButton/bigbluebutton-Github
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Using Ion icons for user list audio

Browse Source
This commit is contained in:
perroned 2015-05-06 21:53:29 -07:00
parent cdc8408cb5
commit 029b90f2b1
3 changed files with 12 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
bigbluebutton-html5/app/client/stylesheets/style.less
View File

@ -626,23 +626,3 @@ body {
height: 28px;
width: 87px;
}
.strikethrough {
position: relative;
}
.strikethrough:before {
position: absolute;
content: "";
left: -8px;
top: 40%;
right: 0;
border-top: 3px solid;
border-color: black;
-webkit-transform:rotate(-122deg);
-moz-transform:rotate(-122deg);
-ms-transform:rotate(-122deg);
-o-transform:rotate(-122deg);
transform:rotate(-122deg);
width: 28px;
}

7
bigbluebutton-html5/app/client/stylesheets/users.less
View File

@ -16,13 +16,6 @@
font-size: 16px;
}
.flashingUserIcon {
border-radius: 6px;
padding: 5px;
padding-right: 0px;
background-color: rgba(174, 173, 173, 0.4);
}
.usernameEntry {
float:left;
overflow: hidden;

24
bigbluebutton-html5/app/client/views/users/user_item.html
View File

@ -9,33 +9,33 @@
{{else}}
{{#if isCurrentUser userId}}
{{#if isUserMuted userId}}
<span rel="tooltip" class="strikethrough" data-placement="bottom" title="Unmute yourself">
<i class="icon fi-microphone usericon"></i>
<span rel="tooltip" data-placement="bottom" title="Unmute yourself">
<i class="ion-ios-mic-off usericon"></i>
</span>
{{else}}
{{#if isCurrentUserTalking}}
<span rel="tooltip" class="flashingUserIcon" data-placement="bottom" title="you are talking">
<i class="icon fi-microphone usericon"></i>
<span rel="tooltip" data-placement="bottom" title="you are talking">
<i class="ion-ios-mic usericon"></i>
</span>
{{else}}
<span rel="tooltip" class="" data-placement="bottom" title="you are talking">
<i class="icon fi-microphone usericon"></i>
<span rel="tooltip" data-placement="bottom" title="you are talking">
<i class="ion-ios-mic-outline usericon"></i>
</span>
{{/if}}
{{/if}}
{{else}}
{{#if isUserMuted userId}}
<span rel="tooltip" class="strikethrough" data-placement="bottom" title="{{user.name}} is muted">
<i class="icon fi-microphone usericon"></i>
<span rel="tooltip" data-placement="bottom" title="{{user.name}} is muted">
<i class="ion-ios-mic-off usericon"></i>
</span>
{{else}}
{{#if isUserTalking userId}}
<span rel="tooltip" class="flashingUserIcon" data-placement="bottom" title="{{user.name}} is talking">
<i class="icon fi-microphone usericon"></i>
<span rel="tooltip" data-placement="bottom" title="{{user.name}} is talking">
<i class="ion-ios-mic usericon"></i>
</span>
{{else}}
<span rel="tooltip" class="" data-placement="bottom" title="{{user.name}} is not talking">
<i class="icon fi-microphone usericon"></i>
<span rel="tooltip" data-placement="bottom" title="{{user.name}} is not talking">
<i class="ion-ios-mic-outline usericon"></i>
</span>
{{/if}}
{{/if}}