GithubFollow/One-KVM
1
0
Fork 0
mirror of https://github.com/mofeng-git/One-KVM.git synced 2025-12-12 17:20:30 +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); color: var(--cs-key-holded-bg);
} }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { @media only screen and (hover: none) and (pointer: coarse) {
/* iPad */
div.keypad { div.keypad {
zoom: 1.28 !important; 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 { div#keyboard-window {
visibility: visible !important; visibility: visible !important;
padding-top: 9px !important; padding-top: 9px !important;
@ -47,7 +47,7 @@ div#keyboard-desktop {
div#keyboard-mobile { div#keyboard-mobile {
display: none; 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 { div#keyboard-desktop {
display: none !important; display: none !important;
} }

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

@ -103,7 +103,7 @@ div#stream-mouse-buttons {
display: none; 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 { div#stream-window {
padding-top: 3px !important; padding-top: 3px !important;
border-top: 0 !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; 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, button,
select, select,
input[type=text], 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; border-radius: 0;
height: 40px; height: 40px;
} }
@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) {
/* iPad vertical */
div.modal-buttons button { div.modal-buttons button {
height: 50px !important; 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) { ul#navbar li a.menu-button:hover:not(.active) {
background-color: var(--cs-navbar-item-hovered-bg); background-color: var(--cs-navbar-item-hovered-bg);
} }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { @media only screen and (hover: none) and (pointer: coarse) {
/* iPad 8 */
ul#navbar li a#logo:hover:not(.active), ul#navbar li a#logo:hover:not(.active),
ul#navbar li a.menu-button:hover:not(.active) { ul#navbar li a.menu-button:hover:not(.active) {
background-color: var(--cs-navbar-default-bg) !important; 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; margin-right: 1px;
box-shadow: 1px 0 0 0 var(--cs-control-pressed-bg); 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) { @media only screen and (hover: none) and (pointer: coarse) and (orientation: portrait) {
div.radio-box label { div.radio-box input[type=radio] + label {
height: 30px !important; height: 30px !important;
} }
} }

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

@ -42,7 +42,7 @@
margin-right: 0; 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) { @supports (-webkit-appearance: none) {
input[type=range].slider { input[type=range].slider {
margin: 20px 0 20px 0 !important; margin: 20px 0 20px 0 !important;

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

@ -53,7 +53,7 @@ div.tabs-box label {
position: relative; position: relative;
top: 1px; 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 { div.tabs-box label {
height: 30px !important; 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; visibility: visible !important;
} }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { @media only screen and (hover: none) and (pointer: coarse) {
/* iPad */
div.window { div.window {
padding-top: 45px !important; padding-top: 45px !important;
} }