Improved touch-friendliness of version selector on mobile

Author: squidfunk

material/assets/stylesheets/main.66ec5ba4.min.css

@@ -39,7 +39,7 @@
       {% endif %}
     {% endblock %}
     {% block styles %}
-      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.66ec5ba4.min.css' | url }}">
+      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.875de78c.min.css' | url }}">
       {% if config.theme.palette %}
         {% set palette = config.theme.palette %}
         <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.f1a3b89f.min.css' | url }}">

material/assets/stylesheets/main.66ec5ba4.min.css.map

@@ -25,7 +25,7 @@
 // ----------------------------------------------------------------------------
 
 // Show repository facts
-@keyframes md-source__facts--done {
+@keyframes facts {
   0% {
     height: 0;
   }
@@ -36,7 +36,7 @@
 }
 
 // Show repository fact
-@keyframes md-source__fact--done {
+@keyframes fact {
   0% {
     transform: translateY(100%);
     opacity: 0;
@@ -137,7 +137,7 @@
 
     // Show after the data was loaded
     [data-md-state="done"] & {
-      animation: md-source__facts--done 250ms ease-in;
+      animation: facts 250ms ease-in;
     }
   }
 
@@ -147,7 +147,7 @@
 
     // Show after the data was loaded
     [data-md-state="done"] & {
-      animation: md-source__fact--done 400ms ease-out;
+      animation: fact 400ms ease-out;
     }
 
     // Repository fact icon

material/base.html

@@ -20,6 +20,17 @@
 /// DEALINGS
 ////
 
+// ----------------------------------------------------------------------------
+// Keyframes
+// ----------------------------------------------------------------------------
+
+// See https://github.com/squidfunk/mkdocs-material/issues/2429
+@keyframes hoverfix {
+  0% {
+    pointer-events: none;
+  }
+}
+
 // ----------------------------------------------------------------------------
 // Rules
 // ----------------------------------------------------------------------------
@@ -107,6 +118,20 @@
         max-height 0ms,
         opacity  250ms;
     }
+
+    // Fix hover on touch devices
+    @media (pointer: coarse) {
+
+      // Switch off on hover
+      .md-version:hover & {
+        animation: hoverfix 250ms forwards;
+      }
+
+      // Enable on focus
+      .md-version:focus-within & {
+        animation: none;
+      }
+    }
   }
 
   // Version selection item