leif/lexys-labyrinth
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Coax the small-screen media queries into working in Chrome

Browse Source
This commit is contained in:
Eevee (Evelyn Woods) 2021-05-22 02:13:04 -06:00
parent 952ec10cb5
commit 9e1adc768b
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
style.css
View File

@ -715,7 +715,7 @@ pre.stack-trace {
image-rendering: pixelated;
}
@media ((orientation: portrait) and (max-width: 800px)) or ((orientation: landscape) and (max-height: 600px)) {
@media (orientation: portrait) and (max-width: 800px), (orientation: landscape) and (max-height: 600px) {
body > header {
padding: 1px;
}
@ -1312,7 +1312,7 @@ ol.packtest-summary > li {
;
}
}
@media ((orientation: portrait) and (max-width: 800px)) or ((orientation: landscape) and (max-height: 600px)) {
@media (orientation: portrait) and (max-width: 800px), (orientation: landscape) and (max-height: 600px) {
#player-controls .-optional-label {
display: none;
}
@ -1820,7 +1820,7 @@ body.--debug .player-overlay-message {
display: none;
}
}
@media ((orientation: portrait) and (max-width: 800px)) or ((orientation: landscape) and (max-height: 600px)) {
@media (orientation: portrait) and (max-width: 800px), (orientation: landscape) and (max-height: 600px) {
/* Overlay is a bit different on what I assume is a touchscreen */
.player-overlay-message[data-reason='waiting'] > p {
/* Hide the "Ready!" and controls, since there's a menu */