Fixed navigation icons disappearing on hover in Safari

squidfunk · Jul 21, 2024 · 906e966 · 906e966
1 parent 6b13c56
commit 906e966
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 3 deletions.
diff --git a/material/templates/assets/stylesheets/main.76a95c52.min.css b/material/templates/assets/stylesheets/main.76a95c52.min.css
diff --git a/material/templates/assets/stylesheets/main.76a95c52.min.css.map b/material/templates/assets/stylesheets/main.76a95c52.min.css.map
diff --git a/material/templates/assets/stylesheets/main.edfe95cc.min.css b/material/templates/assets/stylesheets/main.edfe95cc.min.css
diff --git a/material/templates/assets/stylesheets/main.edfe95cc.min.css.map b/material/templates/assets/stylesheets/main.edfe95cc.min.css.map
diff --git a/material/templates/base.html b/material/templates/base.html
@@ -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 --git a/src/templates/assets/stylesheets/main/components/_nav.scss b/src/templates/assets/stylesheets/main/components/_nav.scss
@@ -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;