spoiler for mouse settings

This commit is contained in:
Maxim Devaev
2022-08-20 05:06:59 +03:00
parent 35363bbde8
commit 43fff98059
4 changed files with 64 additions and 45 deletions

View File

@@ -250,39 +250,46 @@
</tr>
</table>
</div>
<details>
<summary>Mouse settings</summary>
<div class="spoiler">
<table class="kv">
<tr>
<td>Mouse polling rate:</td>
<td>
<input class="slider" type="range" id="hid-mouse-rate-slider">
</td>
<td class="value" id="hid-mouse-rate-value" style="min-width: 30px; max-width:30px"></td>
</tr>
<tr class="feature-disabled" id="hid-mouse-sens">
<td>Relative mouse sensitivity:</td>
<td>
<input class="slider" disabled type="range" id="hid-mouse-sens-slider">
</td>
<td class="value" id="hid-mouse-sens-value" style="min-width: 30px; max-width:30px"></td>
</tr>
<tr class="feature-disabled" id="hid-mouse-squash">
<td>Squash relative mouse moves:</td>
<td align="right">
<div class="switch-box">
<input checked type="checkbox" id="hid-mouse-squash-switch">
<label for="hid-mouse-squash-switch"><span class="switch-inner"></span><span class="switch"></span></label>
</div>
</td>
</tr>
<tr>
<td>Reverse mouse scrolling:</td>
<td align="right">
<div class="switch-box">
<input type="checkbox" id="hid-mouse-reverse-scrolling-switch">
<label for="hid-mouse-reverse-scrolling-switch"><span class="switch-inner"></span><span class="switch"></span></label>
</div>
</td>
</tr>
</table>
</div>
</details>
<table class="kv">
<tr>
<td>Mouse polling rate:</td>
<td>
<input class="slider" type="range" id="hid-mouse-rate-slider">
</td>
<td class="value" id="hid-mouse-rate-value" style="min-width: 30px; max-width:30px"></td>
</tr>
<tr class="feature-disabled" id="hid-mouse-sens">
<td>Relative mouse sensitivity:</td>
<td>
<input class="slider" disabled type="range" id="hid-mouse-sens-slider">
</td>
<td class="value" id="hid-mouse-sens-value" style="min-width: 30px; max-width:30px"></td>
</tr>
<tr class="feature-disabled" id="hid-mouse-squash">
<td>Squash relative mouse moves:</td>
<td align="right">
<div class="switch-box">
<input checked type="checkbox" id="hid-mouse-squash-switch">
<label for="hid-mouse-squash-switch"><span class="switch-inner"></span><span class="switch"></span></label>
</div>
</td>
</tr>
<tr>
<td>Reverse mouse scrolling:</td>
<td align="right">
<div class="switch-box">
<input type="checkbox" id="hid-mouse-reverse-scrolling-switch">
<label for="hid-mouse-reverse-scrolling-switch"><span class="switch-inner"></span><span class="switch"></span></label>
</div>
</td>
</tr>
<tr class="feature-disabled" id="hid-connect">
<td>Connect HID to Server:</td>
<td align="right">