Minimal android compatibility

Note that Samsung devices can't handle (hover: none) media query
This commit is contained in:
Maxim Devaev
2022-10-07 02:36:46 +03:00
parent 684b0185f7
commit e1c4a5163d
14 changed files with 27 additions and 23 deletions

View File

@@ -140,7 +140,7 @@ div.keypad b {
color: var(--cs-key-holded-bg);
}
@media only screen and (hover: none) and (pointer: coarse) {
@media only screen and (pointer: coarse) {
div.keypad {
zoom: 1.28 !important;
}

View File

@@ -20,7 +20,7 @@
*****************************************************************************/
@media only screen and (hover: none) and (pointer: coarse) {
@media only screen 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 (hover: none) and (pointer: coarse) {
@media only screen and (pointer: coarse) {
div#keyboard-desktop {
display: none !important;
}

View File

@@ -103,7 +103,7 @@ div#stream-mouse-buttons {
display: none;
}
@media only screen and (hover: none) and (pointer: coarse) {
@media only screen and (pointer: coarse) {
div#stream-window {
padding-top: 3px !important;
padding-bottom: 80px !important;

View File

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

View File

@@ -74,7 +74,7 @@ div.modal div.modal-window div.modal-buttons button {
border-radius: 0;
height: 40px;
}
@media only screen and (hover: none) and (pointer: coarse) and (orientation: portrait) {
@media only screen and (pointer: coarse) and (orientation: portrait) {
div.modal-buttons button {
height: 50px !important;
}

View File

@@ -80,7 +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 (hover: none) and (pointer: coarse) {
@media only screen 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;

View File

@@ -45,7 +45,7 @@ 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 (hover: none) and (pointer: coarse) and (orientation: portrait) {
@media only screen and (pointer: coarse) and (orientation: portrait) {
div.radio-box input[type=radio] + label {
height: 30px !important;
}

View File

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

View File

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

View File

@@ -170,7 +170,7 @@ div.window.window-full-tab button.window-button-exit-full-tab {
visibility: visible !important;
}
@media only screen and (hover: none) and (pointer: coarse) {
@media only screen and (pointer: coarse) {
div.window {
padding-top: 45px !important;
}