From 144bc42f1803e04f281c344f2fc1327e6032d3e7 Mon Sep 17 00:00:00 2001 From: olafvantol Date: Wed, 6 Apr 2022 13:02:18 +0200 Subject: [PATCH] Adjust media queries Avoid targetting high dpi notebooks such as Surface Pro and Macbook by doing single column layout only on portrait orientation. Also excluded mobile app from font-enlargement. --- HarnMaster3/harnstyle.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/HarnMaster3/harnstyle.css b/HarnMaster3/harnstyle.css index 908f161a5a..aedb116d20 100644 --- a/HarnMaster3/harnstyle.css +++ b/HarnMaster3/harnstyle.css @@ -1431,13 +1431,13 @@ button.dismissnotification { /* MOBILE browser (not roll20 app) styling */ -@media only screen and (max-width: 1023px) and (min-resolution: 117dpi) { +@media only screen and (orientation:portrait) and (min-resolution: 192dpi) and (min-width: 490px) { body { font-size: 36px; /* enlarge font on high-dpi mobile devices */ } } -@media only screen and (max-width: 1023px) and (min-resolution: 117dpi), +@media only screen and (orientation:portrait) and (min-resolution: 192dpi), only screen and (max-width: 480px) { /* keep the roll20 navbar at the top, space buttons for fingers