Revert "removed html dependency from media query detection JS in new template"

... because it made the solution less transparent, more error prone and even more like a hack than it already was

This reverts commit 20391a36885910a616110df30f3ce30f8d23639d.

1 files changed, 10 insertions, 5 deletions

diff --git a/lib/tpl/dokuwiki/css/mobile.css b/lib/tpl/dokuwiki/css/mobile.css
index ea32fb11d..cc61ab06c 100644
--- a/lib/tpl/dokuwiki/css/mobile.css
+++ b/lib/tpl/dokuwiki/css/mobile.css
@@ -5,16 +5,18 @@
  * @author Anika Henke <anika@selfthinker.org>
  */
 
-body {
-    min-height: 0; /* for detecting media queries in JavaScript (see script.js): */
+/* for detecting media queries in JavaScript (see script.js): */
+#screen__mode {
+    position: relative;
+    z-index: 0;
 }
 
 /* up to 979px screen widths
 ********************************************************************/
 @media only screen and (max-width: 979px) {
 
-body {
-    min-height: 1px; /* for detecting media queries in JavaScript (see script.js) */
+#screen__mode {
+    z-index: 1; /* for detecting media queries in JavaScript (see script.js) */
 }
 
 /* structure */
@@ -115,9 +117,12 @@ body {
 ********************************************************************/
 @media only screen and (max-width: 480px) {
 
+#screen__mode {
+    z-index: 2; /* for detecting media queries in JavaScript (see script.js) */
+}
+
 body {
     font-size: 100%;
-    min-height: 2px; /* for detecting media queries in JavaScript (see script.js) */
 }
 
 /*____________ structure ____________*/