diff options
Diffstat (limited to 'web')
| -rw-r--r-- | web/css/sliders.css | 11 | ||||
| -rw-r--r-- | web/index.html | 62 |
2 files changed, 42 insertions, 31 deletions
diff --git a/web/css/sliders.css b/web/css/sliders.css index 5fcfb6cf..25501137 100644 --- a/web/css/sliders.css +++ b/web/css/sliders.css @@ -20,12 +20,18 @@ margin-right: 0; } } +input[type=range].slider:disabled { + cursor: default; +} input[type=range].slider::-webkit-slider-runnable-track { height: 5px; background: var(--bg-color-light); border-radius: 3px; } +input[type=range].slider:disabled::-webkit-slider-runnable-track { + cursor: default; +} input[type=range].slider::-webkit-slider-thumb { border: var(--border-intensive-2px); @@ -37,6 +43,7 @@ input[type=range].slider::-webkit-slider-thumb { margin-top: -7px; } input[type=range].slider:disabled::-webkit-slider-thumb { + cursor: default; border: var(--border-inactive-2px); background: var(--bg-color-normal); } @@ -46,6 +53,9 @@ input[type=range].slider::-moz-range-track { background: var(--bg-color-light); border-radius: 3px; } +input[type=range].slider:disabled::-moz-range-track { + cursor: default; +} input[type=range].slider::-moz-range-thumb { border: var(--border-intensive-2px); @@ -55,6 +65,7 @@ input[type=range].slider::-moz-range-thumb { background: var(--bg-color-intensive); } input[type=range].slider:disabled::-moz-range-thumb { + cursor: default; border: var(--border-inactive-2px); background: var(--bg-color-normal); } diff --git a/web/index.html b/web/index.html index afd3f9d1..3bba9878 100644 --- a/web/index.html +++ b/web/index.html @@ -68,30 +68,30 @@ <img data-dont-hide-menu id="hid-mouse-led" class="led-off" src="svg/hid-mouse-led.svg" /> System ↴ </a> - <div class="ctl-dropdown-content"> + <div data-dont-hide-menu class="ctl-dropdown-content"> <div class="ctl-dropdown-content-buttons"> - <button disabled id="stream-screenshot-button">• Take a screenshot</button> + <button disabled data-force-hide-menu id="stream-screenshot-button">• Take a screenshot</button> <hr> - <button id="show-stream-button">• Show stream</button> - <button id="show-keyboard-button">• Show keyboard</button> - <button id="show-about-button">• Show about</button> + <button data-force-hide-menu id="show-stream-button">• Show stream</button> + <button data-force-hide-menu id="show-keyboard-button">• Show keyboard</button> + <button data-force-hide-menu id="show-about-button">• Show about</button> </div> <hr> - <div data-dont-hide-menu class="ctl-dropdown-content-text"> + <div class="ctl-dropdown-content-text"> Stream quality: <span id="stream-quality-value">80%</span> <div class="stream-slider-box"> <input disabled type="range" id="stream-quality-slider" class="slider" /> </div> </div> <hr> - <div data-dont-hide-menu class="ctl-dropdown-content-text"> + <div class="ctl-dropdown-content-text"> Stream size: <span id="stream-size-value">100%</span> <div class="stream-slider-box"> <input type="range" id="stream-size-slider" class="slider" /> </div> </div> <hr> - <div data-dont-hide-menu class="ctl-dropdown-content-text"> + <div class="ctl-dropdown-content-text"> <table id="stream-auto-resize-box"><tr> <td>Auto-resize stream:</td> <td align="right"> @@ -107,9 +107,9 @@ </div> <div class="ctl-dropdown-content-buttons"> <hr> - <button disabled id="stream-reset-button">• Reset stream</button> - <button disabled id="hid-reset-button">• Reset keyboard & mouse</button> - <button disabled id="msd-reset-button">• Reset mass storage</button> + <button disabled data-force-hide-menu id="stream-reset-button">• Reset stream</button> + <button disabled data-force-hide-menu id="hid-reset-button">• Reset keyboard & mouse</button> + <button disabled data-force-hide-menu id="msd-reset-button">• Reset mass storage</button> </div> </div> </div> @@ -240,28 +240,28 @@ <img data-dont-hide-menu id="hid-pak-led" class="led-off" src="svg/gear-led.svg" /> Shortcuts ↴ </a> - <div class="ctl-dropdown-content"> + <div data-dont-hide-menu class="ctl-dropdown-content"> <div class="ctl-dropdown-content-buttons"> - <textarea data-dont-hide-menu id="hid-pak-text" placeholder="Paste your text here"></textarea> + <textarea id="hid-pak-text" placeholder="Paste your text here"></textarea> <hr> - <button disabled id="hid-pak-button">• ↑ Paste-as-Keys <sup><i>ascii-only</i></sup></button> + <button disabled data-force-hide-menu id="hid-pak-button">• ↑ Paste-as-Keys <sup><i>ascii-only</i></sup></button> <hr> <div class="buttons-row"> - <button data-shortcut="CapsLock" class="row50">• CapsLock</button> - <button data-shortcut="MetaLeft" class="row50">• Left Win</button> + <button data-force-hide-menu data-shortcut="CapsLock" class="row50">• CapsLock</button> + <button data-force-hide-menu data-shortcut="MetaLeft" class="row50">• Left Win</button> </div> <hr> - <button data-shortcut="AltLeft ShiftLeft">• Alt+Shift</button> - <button data-shortcut="ControlLeft ShiftLeft">• Ctrl+Shift</button> - <button data-shortcut="ShiftLeft ShiftRight">• Shift+Shift</button> - <button data-shortcut="MetaLeft Space">• Win+Space</button> + <button data-force-hide-menu data-shortcut="AltLeft ShiftLeft">• Alt+Shift</button> + <button data-force-hide-menu data-shortcut="ControlLeft ShiftLeft">• Ctrl+Shift</button> + <button data-force-hide-menu data-shortcut="ShiftLeft ShiftRight">• Shift+Shift</button> + <button data-force-hide-menu data-shortcut="MetaLeft Space">• Win+Space</button> <hr> - <button data-shortcut="ControlLeft KeyW">• Ctrl+W</button> - <button data-shortcut="AltLeft Tab">• Alt+Tab</button> - <button data-shortcut="AltLeft Enter">• Alt+Enter</button> - <button data-shortcut="AltLeft F4">• Alt+F4</button> + <button data-force-hide-menu data-shortcut="ControlLeft KeyW">• Ctrl+W</button> + <button data-force-hide-menu data-shortcut="AltLeft Tab">• Alt+Tab</button> + <button data-force-hide-menu data-shortcut="AltLeft Enter">• Alt+Enter</button> + <button data-force-hide-menu data-shortcut="AltLeft F4">• Alt+F4</button> <hr> - <button data-shortcut="ControlLeft AltLeft Delete">• Ctrl+Alt+Del</button> + <button data-force-hide-menu data-shortcut="ControlLeft AltLeft Delete">• Ctrl+Alt+Del</button> </div> <hr> <div class="ctl-dropdown-content-text"> @@ -269,12 +269,12 @@ </div> <hr> <div class="ctl-dropdown-content-buttons buttons-row"> - <button data-dont-hide-menu data-shortcut="AltLeft PrintScreen KeyR" class="row16">R</button> - <button data-dont-hide-menu data-shortcut="AltLeft PrintScreen KeyE" class="row16">E</button> - <button data-dont-hide-menu data-shortcut="AltLeft PrintScreen KeyI" class="row16">I</button> - <button data-dont-hide-menu data-shortcut="AltLeft PrintScreen KeyS" class="row16">S</button> - <button data-dont-hide-menu data-shortcut="AltLeft PrintScreen KeyU" class="row16">U</button> - <button data-dont-hide-menu data-shortcut="AltLeft PrintScreen KeyB" class="row16">B</button> + <button data-shortcut="AltLeft PrintScreen KeyR" class="row16">R</button> + <button data-shortcut="AltLeft PrintScreen KeyE" class="row16">E</button> + <button data-shortcut="AltLeft PrintScreen KeyI" class="row16">I</button> + <button data-shortcut="AltLeft PrintScreen KeyS" class="row16">S</button> + <button data-shortcut="AltLeft PrintScreen KeyU" class="row16">U</button> + <button data-shortcut="AltLeft PrintScreen KeyB" class="row16">B</button> </div> </div> </div> |