Fixed rendering glitch when hovering contributor avatar

squidfunk · Apr 15, 2024 · 851e5bb · 851e5bb
1 parent 4eb1a43
commit 851e5bb
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 3 deletions.
diff --git a/material/templates/assets/stylesheets/main.0c628eb8.min.css b/material/templates/assets/stylesheets/main.0c628eb8.min.css
diff --git a/material/templates/assets/stylesheets/main.0c628eb8.min.css.map b/material/templates/assets/stylesheets/main.0c628eb8.min.css.map
diff --git a/material/templates/assets/stylesheets/main.8b0efcb2.min.css b/material/templates/assets/stylesheets/main.8b0efcb2.min.css
diff --git a/material/templates/assets/stylesheets/main.8b0efcb2.min.css.map b/material/templates/assets/stylesheets/main.8b0efcb2.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.0c628eb8.min.css' | url }}">
+      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.8b0efcb2.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/_author.scss b/src/templates/assets/stylesheets/main/components/_author.scss
@@ -69,6 +69,9 @@
     // Author image
     img {
       filter: grayscale(100%) opacity(75%);
+      // Hack: also apply this here, in order to mitigate browser glitches in
+      // Chrome and Edge when hovering the avatar - see https://t.ly/Q3ECC
+      border-radius: 100%;
       transition: filter 125ms;
     }