From: Robert Kaiser <kairo@kairo.at>
Date: Sun, 21 Jan 2018 23:18:12 +0000 (+0100)
Subject: slight improvements for sizes on touch screens (support a standard way)
X-Git-Tag: production~8
X-Git-Url: https://git-public.kairo.at/?p=lantea.git;a=commitdiff_plain;h=740a3861f7b1132362e3006ab32ac5bd37174b76

slight improvements for sizes on touch screens (support a standard way)
---

diff --git a/style/lantea.css b/style/lantea.css
index 16bacfc..10d00d1 100644
--- a/style/lantea.css
+++ b/style/lantea.css
@@ -143,10 +143,19 @@ h1 {
   display: block;
 }
 
+/* non-standard touch screen detection for Mozilla browsers */
 .overlayArea:-moz-system-metric(touch-enabled),
 .menuDrawer:-moz-system-metric(touch-enabled) {
+  font-size: 3mm;
   font-size: 3mozmm;
 }
+/* Standard, Media Queries Level 4 touch screen detection */
+@media (pointer:coarse) {
+  .overlayArea,
+  .menuDrawer {
+    font-size: 16px;
+  }
+}
 
 .overlayArea input[type="button"],
 .overlayArea button,