Change the layer switcher editor's layout.

The end of the text varies based on the selected option:
- activate = holding
- toggle = pressing
This commit is contained in:
Arpad Csanyi
2016-05-08 22:02:16 +02:00
parent c7d5a3f162
commit 14f1a2775c

View File

@@ -151,24 +151,18 @@
<!-- Layer modifier/togge action. -->
<script id="key-editor-content__source--layer" type="text/x-Handlebars-template">
<div class="popover-content" style="margin-bottom:2px">
<div class="alert alert-info alert-dismissable" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
If you select the <b>Layer</b> tab you can activate or toggle a layer.
<div class="key-editor__help--wrapper" style="margin-bottom: -15px; margin-top: 10px;">
<input type="checkbox" name="key-editor__help--show" id="keyeditor__help--show" checked />
<label style="font-weight: normal; color: #000; opacity: .4;" for="keyeditor__help-show">Show help messages in the key editor</label>
</div>
</div>
<div style="margin-bottom:0px; margin-top:2px">
<b style="">Activate layer</b>
<select class="layout-toggle" style="width: 100px">
<option value="activate">Activate</option>
<option value="toggle">Toggle</option>
</select>
<span> the </span>
<select class="layout-switcher" style="width: 100px">
<option value="mod">Mod</option>
<option value="fn">Fn</option>
<option value="mouse">Mouse</option>
</select>
</div>
<div style="margin-bottom:0px; margin-top:2px">
<label for="toggle_layer"><i class="fa fa-toggle-on"></i> Toggle layer </label> <input type="checkbox" name="toggle_layer" id="toggle_layer" /> <!-- The icon for this label should be the same svg as on the key. -->
<span>layer by holding/pressing this key.</span>
</div>
</div>
</script>