Honor prefers-reduced-motion for + sign animation

squidfunk · Dec 9, 2021 · d447324 · d447324
1 parent 1ddf872
commit d447324
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 4 deletions.
diff --git a/material/assets/stylesheets/main.2d264350.min.css.map b/material/assets/stylesheets/main.2d264350.min.css.map
diff --git a/.../assets/stylesheets/main.2d264350.min.css → .../assets/stylesheets/main.82f3c0b9.min.css b/.../assets/stylesheets/main.2d264350.min.css → .../assets/stylesheets/main.82f3c0b9.min.css
diff --git a/material/assets/stylesheets/main.82f3c0b9.min.css.map b/material/assets/stylesheets/main.82f3c0b9.min.css.map
diff --git a/material/base.html b/material/base.html
@@ -34,7 +34,7 @@
       {% endif %}
     {% endblock %}
     {% block styles %}
-      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.2d264350.min.css' | url }}">
+      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.82f3c0b9.min.css' | url }}">
       {% if config.theme.palette %}
         {% set palette = config.theme.palette %}
         <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.9204c3b2.min.css' | url }}">

diff --git a/src/assets/stylesheets/main/layout/_tooltip.scss b/src/assets/stylesheets/main/layout/_tooltip.scss
@@ -220,6 +220,11 @@
       transition: transform 400ms cubic-bezier(0.1, 0.7, 0.1, 1);
       content: attr(data-md-annotation-id);
 
+      // [reduced-motion]: Disable animation
+      @media (prefers-reduced-motion) {
+        transition: none;
+      }
+
       // [not print]: if we're not in print mode, show a `+` sign instead of
       // the original numbers, as context is already given by the position.
       @media not print {