Fixed navigation icons disappearing on hover in Safari

Author: squidfunk

Diff for: material/templates/assets/stylesheets/main.76a95c52.min.css

@@ -44,7 +44,7 @@
       {% endif %}
     {% endblock %}
     {% block styles %}
-      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.76a95c52.min.css' | url }}">
+      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.edfe95cc.min.css' | url }}">
       {% if config.theme.palette %}
         {% set palette = config.theme.palette %}
         <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.06af60db.min.css' | url }}">

Diff for: material/templates/assets/stylesheets/main.76a95c52.min.css.map

@@ -119,6 +119,9 @@
 
     // Navigation link icon
     svg {
+      // Hack: Safari has another bug where SVGs disappear on hover - same fix
+      // as above via `position: relative` - see https://bit.ly/3HljM1T
+      position: relative;
       flex-shrink: 0;
       height: 1.3em;
       fill: currentcolor;