GithubFollow/One-KVM
1
0
Fork 0
mirror of https://github.com/mofeng-git/One-KVM.git synced 2025-12-12 01:00:29 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

ios safari fixes

Browse Source
This commit is contained in:
Devaev Maxim 2018-09-07 00:28:48 +03:00
parent 87e3b96a90
commit 3a68c2ae10
4 changed files with 29 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
kvmd/web/css/main.css
View File

@ -172,6 +172,9 @@ div.ctl-dropdown-content hr {
border: none; border: none;
border-top: var(--dark-border); border-top: var(--dark-border);
} }
div.ctl-dropdown-content-buttons {
background-color: var(--bg-color-normal);
}
div.ctl-dropdown-content-text { div.ctl-dropdown-content-text {
margin: 10px 15px 10px 15px; margin: 10px 15px 10px 15px;
font-size: 14px; font-size: 14px;

2
kvmd/web/css/mobile.css
View File

@ -80,7 +80,7 @@
} }
@supports (-webkit-appearance:none) { @supports (-webkit-appearance:none) {
div.stream-params div#stream-size-slider-box input[type=range] { div#stream-size-slider-box input[type=range] {
margin: 20px 0 20px 0 !important; margin: 20px 0 20px 0 !important;
} }
} }

26
kvmd/web/css/stream.css
View File

@ -35,26 +35,18 @@ div.stream-box-mouse-enabled {
cursor: url("../svg/stream-mouse-cursor.svg"), pointer; cursor: url("../svg/stream-mouse-cursor.svg"), pointer;
} }
div.stream-params { select#stream-resolution-select {
-webkit-user-select: text;
-moz-user-select: text;
user-select: text;
font-size: 12px;
margin: 5px 15px 5px 15px;
}
div.stream-params select#stream-resolution-select {
margin: 8px 0 8px 0; margin: 8px 0 8px 0;
} }
div.stream-params span#stream-size-value { span#stream-size-value {
} }
div.stream-params div#stream-size-slider-box { div#stream-size-slider-box {
margin-top: 5px; margin-top: 5px;
display: flex; display: flex;
} }
@supports (-webkit-appearance:none) { @supports (-webkit-appearance:none) {
div.stream-params div#stream-size-slider-box input[type=range] { div#stream-size-slider-box input[type=range] {
cursor: pointer; cursor: pointer;
outline: none; outline: none;
width: 100%; width: 100%;
@ -65,7 +57,7 @@ div.stream-params div#stream-size-slider-box {
} }
} }
@supports not (-webkit-appearance:none) { @supports not (-webkit-appearance:none) {
div.stream-params div#stream-size-slider-box input[type=range] { div#stream-size-slider-box input[type=range] {
cursor: pointer; cursor: pointer;
outline: none; outline: none;
width: 100%; width: 100%;
@ -74,12 +66,12 @@ div.stream-params div#stream-size-slider-box {
margin-right: 0; margin-right: 0;
} }
} }
div.stream-params div#stream-size-slider-box input[type=range]::-webkit-slider-runnable-track { div#stream-size-slider-box input[type=range]::-webkit-slider-runnable-track {
height: 5px; height: 5px;
background: var(--bg-color-light); background: var(--bg-color-light);
border-radius: 3px; border-radius: 3px;
} }
div.stream-params div#stream-size-slider-box input[type=range]::-webkit-slider-thumb { div#stream-size-slider-box input[type=range]::-webkit-slider-thumb {
border: var(--intensive-border); border: var(--intensive-border);
height: 18px; height: 18px;
width: 18px; width: 18px;
@ -88,12 +80,12 @@ div.stream-params div#stream-size-slider-box input[type=range]::-webkit-slider-t
-webkit-appearance: none; -webkit-appearance: none;
margin-top: -7px; margin-top: -7px;
} }
div.stream-params div#stream-size-slider-box input[type=range]::-moz-range-track { div#stream-size-slider-box input[type=range]::-moz-range-track {
height: 5px; height: 5px;
background: var(--bg-color-light); background: var(--bg-color-light);
border-radius: 3px; border-radius: 3px;
} }
div.stream-params div#stream-size-slider-box input[type=range]::-moz-range-thumb { div#stream-size-slider-box input[type=range]::-moz-range-thumb {
border: var(--intensive-border); border: var(--intensive-border);
height: 18px; height: 18px;
width: 18px; width: 18px;

30
kvmd/web/index.html
View File

@ -65,21 +65,23 @@
System ↴ System ↴
</a> </a>
<div class="ctl-dropdown-content"> <div class="ctl-dropdown-content">
<button id="show-about-button">&bull; Show about</button> <div class="ctl-dropdown-content-buttons">
<button id="show-about-button">&bull; Show about</button>
<hr>
<button id="show-keyboard-button">&bull; Show keyboard</button>
<hr>
<button id="show-stream-button">&bull; Show stream</button>
<button disabled id="stream-reset-button">&bull; Reset stream</button>
</div>
<hr> <hr>
<button id="show-keyboard-button">&bull; Show keyboard</button> <div data-dont-hide-menu class="ctl-dropdown-content-text">
<hr>
<button id="show-stream-button">&bull; Show stream</button>
<button disabled id="stream-reset-button">&bull; Reset stream</button>
<hr>
<div data-dont-hide-menu class="stream-params">
Resolution: Resolution:
<select disabled data-dont-hide-menu id="stream-resolution-select"> <select disabled id="stream-resolution-select">
<option>640x480</option> <option>640x480</option>
</select> </select>
</div> </div>
<hr> <hr>
<div data-dont-hide-menu class="stream-params"> <div data-dont-hide-menu class="ctl-dropdown-content-text">
Stream size: <span id="stream-size-value">100%</span> Stream size: <span id="stream-size-value">100%</span>
<div id="stream-size-slider-box"> <div id="stream-size-slider-box">
<input id="stream-size-slider" type="range" min="50" max="150" value="100" step="10" /> <input id="stream-size-slider" type="range" min="50" max="150" value="100" step="10" />
@ -96,7 +98,7 @@
<img data-dont-hide-menu id="atx-hdd-led" class="led-off" src="svg/atx-hdd-led.svg" /> <img data-dont-hide-menu id="atx-hdd-led" class="led-off" src="svg/atx-hdd-led.svg" />
ATX &#8628; ATX &#8628;
</a> </a>
<div class="ctl-dropdown-content"> <div class="ctl-dropdown-content ctl-dropdown-content-buttons">
<button disabled id="atx-power-button">&bull; Click Power <sup><i>short</i></sup></button> <button disabled id="atx-power-button">&bull; Click Power <sup><i>short</i></sup></button>
<button disabled id="atx-power-button-long">&bull; Click Power <sup><i>long</i></sup></button> <button disabled id="atx-power-button-long">&bull; Click Power <sup><i>long</i></sup></button>
<hr> <hr>
@ -173,7 +175,7 @@
<hr> <hr>
<input type="file" id="msd-select-new-image-file" /> <input type="file" id="msd-select-new-image-file" />
<div class="buttons-row"> <div class="ctl-dropdown-content-buttons buttons-row">
<button disabled id="msd-select-new-image-button" class="row50">Upload new image</button> <button disabled id="msd-select-new-image-button" class="row50">Upload new image</button>
<button disabled id="msd-upload-new-image-button" class="row25">Start</button> <button disabled id="msd-upload-new-image-button" class="row25">Start</button>
<button disabled id="msd-abort-uploading-button" class="row25">Abort</button> <button disabled id="msd-abort-uploading-button" class="row25">Abort</button>
@ -200,7 +202,7 @@
<hr> <hr>
</div> </div>
<div class="buttons-row"> <div class="ctl-dropdown-content-buttons buttons-row">
<button disabled data-force-hide-menu id="msd-switch-to-kvm-button" class="row50">&bull; Switch drive to KVM</button> <button disabled data-force-hide-menu id="msd-switch-to-kvm-button" class="row50">&bull; Switch drive to KVM</button>
<button disabled data-force-hide-menu id="msd-switch-to-server-button" class="row50">&bull; Switch drive to Server</button> <button disabled data-force-hide-menu id="msd-switch-to-server-button" class="row50">&bull; Switch drive to Server</button>
</div> </div>
@ -214,7 +216,7 @@
<img data-dont-hide-menu id="pak-led" class="led-off" src="svg/gear-led.svg" /> <img data-dont-hide-menu id="pak-led" class="led-off" src="svg/gear-led.svg" />
Shortcuts &#8628; Shortcuts &#8628;
</a> </a>
<div class="ctl-dropdown-content"> <div class="ctl-dropdown-content ctl-dropdown-content-buttons">
<button disabled id="pak-button">&bull; Paste-as-Keys <sup><i>ascii-only</i></sup></button> <button disabled id="pak-button">&bull; Paste-as-Keys <sup><i>ascii-only</i></sup></button>
<hr> <hr>
<button data-shortcut="ControlLeft AltLeft Delete">&bull; Ctrl+Alt+Del</button> <button data-shortcut="ControlLeft AltLeft Delete">&bull; Ctrl+Alt+Del</button>
@ -477,8 +479,8 @@
<div data-key="Space" class="key" style="width:190px"></div> <div data-key="Space" class="key" style="width:190px"></div>
<div data-key="AltRight" class="modifier right small"><p><b>&bull;</b><br>Alt</p></div> <div data-key="AltRight" class="modifier right small"><p><b>&bull;</b><br>Alt</p></div>
<div data-key="MetaRight" class="modifier right small"><p><b>&bull;</b><br>Win</p></div> <div data-key="MetaRight" class="modifier right small"><p><b>&bull;</b><br>Win</p></div>
<div data-key="ControlRight" class="modifier right small"><p><b>&bull;</b><br>Ctrl</p></div>
<div data-key="ShiftRight" class="modifier right small"><p><b>&bull;</b><br>Shift</p></div> <div data-key="ShiftRight" class="modifier right small"><p><b>&bull;</b><br>Shift</p></div>
<div data-key="ControlRight" class="modifier right small"><p><b>&bull;</b><br>Ctrl</p></div>
<div data-key="ArrowLeft" class="key"><p>&larr;</p></div> <div data-key="ArrowLeft" class="key"><p>&larr;</p></div>
<div data-key="ArrowDown" class="key"><p>&darr;</p></div> <div data-key="ArrowDown" class="key"><p>&darr;</p></div>
<div data-key="ArrowRight" class="key"><p>&rarr;</p></div> <div data-key="ArrowRight" class="key"><p>&rarr;</p></div>