From 45db15679a51cab2bd89499ab9acc72f8e812627 Mon Sep 17 00:00:00 2001
From: "(quasar) nebula" <qznebula@protonmail.com>
Date: Thu, 11 Jan 2024 21:17:44 -0400
Subject: css: fix a border-radius bug in safari, somehow

---
 src/static/site6.css | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

(limited to 'src/static')

diff --git a/src/static/site6.css b/src/static/site6.css
index 44634f1..341414a 100644
--- a/src/static/site6.css
+++ b/src/static/site6.css
@@ -737,7 +737,8 @@ ul.image-details li {
   height: auto;
 }
 
-.square .image-container {
+.square .image-container,
+.square .image-link {
   width: 100%;
   height: 100%;
 }
@@ -1106,6 +1107,15 @@ h1 a[href="#additional-names-box"]:hover {
   height: 100%;
 }
 
+.image-link .image-inner-area {
+  /* Jankily fix a rendering issue with border-radius on Safari.
+   * The `-webkit-` prefix is only to keep this from applying on
+   * other browsers (well, Firefox), where it doesn't *break*
+   * anything, but also isn't necessary.
+   */
+  -webkit-transform: translateZ(0);
+}
+
 img {
   object-fit: cover;
 }
-- 
cgit 1.3.0-6-gf8a5