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

improved tablet detection

Browse Source
This commit is contained in:
Maxim Devaev 2022-10-04 23:17:01 +03:00
parent 056d8d037b
commit 128288bd54
10 changed files with 12 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
web/share/css/keypad.css
View File

@ -128,8 +128,7 @@ div.keypad b {
color: var(--cs-key-holded-bg);
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
/* iPad */
@media only screen and (hover: none) and (pointer: coarse) {
div.keypad {
zoom: 1.28 !important;
}

4
web/share/css/kvm/keyboard.css
View File

@ -20,7 +20,7 @@
*****************************************************************************/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
@media only screen and (hover: none) and (pointer: coarse) {
div#keyboard-window {
visibility: visible !important;
padding-top: 9px !important;
@ -47,7 +47,7 @@ div#keyboard-desktop {
div#keyboard-mobile {
display: none;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
@media only screen and (hover: none) and (pointer: coarse) {
div#keyboard-desktop {
display: none !important;
}

2
web/share/css/kvm/stream.css
View File

@ -103,7 +103,7 @@ div#stream-mouse-buttons {
display: none;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
@media only screen and (hover: none) and (pointer: coarse) {
div#stream-window {
padding-top: 3px !important;
border-top: 0 !important;

2
web/share/css/main.css
View File

@ -214,7 +214,7 @@ input[type=text], input[type=password] {
height: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
@media only screen and (hover: none) and (pointer: coarse) and (orientation: portrait) {
button,
select,
input[type=text],

3
web/share/css/modal.css
View File

@ -74,8 +74,7 @@ div.modal div.modal-window div.modal-buttons button {
border-radius: 0;
height: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
/* iPad vertical */
@media only screen and (hover: none) and (pointer: coarse) and (orientation: portrait) {
div.modal-buttons button {
height: 50px !important;
}

3
web/share/css/navbar.css
View File

@ -80,8 +80,7 @@ ul#navbar li a#logo:hover:not(.active),
ul#navbar li a.menu-button:hover:not(.active) {
background-color: var(--cs-navbar-item-hovered-bg);
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
/* iPad 8 */
@media only screen and (hover: none) and (pointer: coarse) {
ul#navbar li a#logo:hover:not(.active),
ul#navbar li a.menu-button:hover:not(.active) {
background-color: var(--cs-navbar-default-bg) !important;

4
web/share/css/radio.css
View File

@ -45,8 +45,8 @@ div.radio-box label:not(:last-of-type) {
margin-right: 1px;
box-shadow: 1px 0 0 0 var(--cs-control-pressed-bg);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
div.radio-box label {
@media only screen and (hover: none) and (pointer: coarse) and (orientation: portrait) {
div.radio-box input[type=radio] + label {
height: 30px !important;
}
}

2
web/share/css/slider.css
View File

@ -42,7 +42,7 @@
margin-right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
@media only screen and (hover: none) and (pointer: coarse) and (orientation: portrait) {
@supports (-webkit-appearance: none) {
input[type=range].slider {
margin: 20px 0 20px 0 !important;

2
web/share/css/tabs.css
View File

@ -53,7 +53,7 @@ div.tabs-box label {
position: relative;
top: 1px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
@media only screen and (hover: none) and (pointer: coarse) and (orientation: portrait) {
div.tabs-box label {
height: 30px !important;
}

3
web/share/css/window.css
View File

@ -170,8 +170,7 @@ div.window.window-full-tab button.window-button-exit-full-tab {
visibility: visible !important;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
/* iPad */
@media only screen and (hover: none) and (pointer: coarse) {
div.window {
padding-top: 45px !important;
}