Browse Source

Use slashed icon only when camera and mic are disabled - normal icon otherwise.

pull/114/head
Simon Eisenmann 11 years ago
parent
commit
8cd8600ae1
  1. 4
      html/main.html
  2. 13
      src/styles/components/_bar.scss
  3. 2
      static/css/main.min.css

4
html/main.html

@ -27,8 +27,8 @@ @@ -27,8 +27,8 @@
<button title="{{_('Share your screen')}}" class="btn aenablebtn btn-screenshare" ng-disabled="!supported.screensharing" ng-show="status=='connected' || status=='conference' || layout.screenshare" ng-model="layout.screenshare" btn-checkbox><i class="fa fa-desktop"></i></button>
<button title="{{_('Chat')}}" class="btn btn-chat" ng-class="{messagesunseen: chatMessagesUnseen>0}" ng-model="layout.chat" btn-checkbox btn-checkbox-true="true" btn-checkbox-false="false"><i class="fa fa-comments-o"></i><span class="badge" ng-show="chatMessagesUnseen" ng-bind="chatMessagesUnseen"></span></button>
<button ng-show="myid && myuserid" title="{{_('Contacts')}}" class="btn btn-contacts" ng-click="openContactsManager()"><i class="fa fa-bookmark-o"></i></button>
<button title="{{_('Mute microphone')}}" class="btn btn-mutemicrophone amutebtn" ng-model="microphoneMute" btn-checkbox btn-checkbox-true="true" btn-checkbox-false="false"><i class="fa fa-microphone-slash"></i></button>
<button title="{{_('Turn camera off')}}" class="btn btn-mutecamera amutebtn" ng-model="cameraMute" btn-checkbox btn-checkbox-true="true" btn-checkbox-false="false"><i class="fa fa-eye-slash"></i></button>
<button title="{{_('Mute microphone')}}" class="btn btn-mutemicrophone amutebtn" ng-model="microphoneMute" btn-checkbox btn-checkbox-true="true" btn-checkbox-false="false"><i class="fa"></i></button>
<button title="{{_('Turn camera off')}}" class="btn btn-mutecamera amutebtn" ng-model="cameraMute" btn-checkbox btn-checkbox-true="true" btn-checkbox-false="false"><i class="fa"></i></button>
<button title="{{_('Settings')}}" class="btn btn-settings" ng-model="layout.settings" btn-checkbox btn-checkbox-true="true" btn-checkbox-false="false"><i class="fa fa-cog"></i></button>
</li>
</ul>

13
src/styles/components/_bar.scss

@ -160,6 +160,19 @@ @@ -160,6 +160,19 @@
color: white;
}
}
.btn-mutemicrophone i:before {
content: "\f130";
}
.btn-mutemicrophone.active i:before {
content: "\f131";
}
.btn-mutecamera i:before {
content: "\f06e";
}
.btn-mutecamera.active i:before {
content: "\f070";
}
}
@keyframes shakeityeah {

2
static/css/main.min.css vendored

File diff suppressed because one or more lines are too long
Loading…
Cancel
Save