haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

aui checkbox removed

This commit is contained in:
Kostiantyn Pashura 2016-10-10 13:52:02 +03:00
parent 8118b4aea1
commit 91fd16e9b4
2 changed files with 27 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
css/_side_toolbar_container.scss
View File

@ -4,8 +4,6 @@
#sideToolbarContainer {
position: absolute;
top: 0;
//magic 10px for toolbar height. TODO: fix it
bottom: 10px;
left: $defaultToolbarSize;
width: 0;
background-color: rgba(0,0,0,0.8);
@ -24,7 +22,7 @@
/**
* Form elements and blocks.
*/
input, label, select, a,
input, select, a,
.sideToolbarBlock, .input-control, .button-control {
display: inline-block;
margin-top: 15px;
@ -46,11 +44,20 @@
* Specify styling of elements inside a block.
*/
.sideToolbarBlock {
input, label, button, a, select {
input, button, a, select {
margin-top: 5px;
margin-left: 0;
width: 100%;
}
input[type='checkbox'] {
width: auto !important;
display: inline;
> label {
margin-top: 5px;
width: 80%;
}
}
}
/**

22
index.html
View File

@ -202,23 +202,19 @@
<div id="moderatorOptionsTitle" class="subTitle hide" data-i18n="settings.moderator"></div>
<div id="startMutedOptions" class="hide">
<div class="sideToolbarBlock first">
<aui-label for="startAudioMuted">
<p data-i18n="settings.startAudioMuted"></p>
</aui-label>
<aui-toggle id="startAudioMuted" label="Audio muted"></aui-toggle>
<input type="checkbox" id="startAudioMuted">
<label class="startMutedLabel" for="startAudioMuted" data-i18n="settings.startAudioMuted"></label>
</div>
<div class="sideToolbarBlock">
<aui-label for="startVideoMuted" >
<p data-i18n="settings.startVideoMuted"></p>
</aui-label>
<aui-toggle id="startVideoMuted" label="Video muted"></aui-toggle>
<input type="checkbox" id="startVideoMuted">
<label class="startMutedLabel" for="startVideoMuted" data-i18n="settings.startVideoMuted"></label>
</div>
</div>
<div id="followMeOptions" class="sideToolbarBlock hide">
<aui-label for="followMeCheckBox">
<p data-i18n="settings.followMe"></p>
</aui-label>
<aui-toggle id="followMeCheckBox" label="Follow Me"></aui-toggle>
<div id="followMeOptions" class="hide">
<div class="sideToolbarBlock">
<input type="checkbox" id="followMeCheckBox">
<label class="followMeLabel" for="followMeCheckBox" data-i18n="settings.followMe"></label>
</div>
</div>
</div>
</form>