index.html, History.md und 8 weitere dateien aktualisiert...

vcm/index.html

@@ -165,7 +165,7 @@
           </div>
           <div class="title-box vcm_copyright_headerTitle"></div>
                     <!-- Drop down menu starts here -->
-                    <div class="dropdown hidden" style="float: right; right:20px">
+                    <div class="dropdown hidden" id="dropdownMain" style="float: right; right:20px">
                         <i class="fa fa-bars" id="dropdownMenu" style="font-size:1.8rem;color: white !important; margin-top:1rem;"></i>
                             <div class="dropdown-content">
                                     <button class="accordion">Kartenauswahl</button>

vcm/templates/cus_Menu.css

@@ -68,9 +68,13 @@
     }
 
     /* Show the dropdown menu on hover */
-    .dropdown:hover .dropdown:active .dropdown-content {
+    .dropdown:hover .dropdown-content {
         display: block;
     }
+
     #dropdownMenu{
         cursor: pointer;
     }
+    .can-touch .dropdown-content{
+        display: block;
+    }
\ No newline at end of file

vcm/templates/cus_Menu.js

@@ -16,3 +16,9 @@ function nordbahnview(){
   var viewp = vcs.vcm.Framework.getInstance().viewpoints.NordBView
   vcs.vcm.Framework.getInstance().getActiveMap().gotoViewPoint(viewp);
 }
+
+document.addEventListener('touchstart', function addtouchclass(e){ // first time user touches the screen
+  var drop = document.getElementById("dropdownMain")
+    drop.classList.add('can-touch') // add "can-touch" class to document root using classList API
+    document.removeEventListener('touchstart', addtouchclass, false) // de-register touchstart event
+}, false)
\ No newline at end of file