« get me outta code hell

css: fix a border-radius bug in safari, somehow - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2024-01-11 21:17:44 -0400
committer(quasar) nebula <qznebula@protonmail.com>2024-01-11 21:17:44 -0400
commit45db15679a51cab2bd89499ab9acc72f8e812627 (patch)
tree608ddc9a59ba338fac690b4cdf030e5d53522a7c /src
parent3eb50e4e16c7326342fd49b0a9fd3ea1b8cec46f (diff)
css: fix a border-radius bug in safari, somehow
Diffstat (limited to 'src')
-rw-r--r--src/static/site6.css12
1 files changed, 11 insertions, 1 deletions
diff --git a/src/static/site6.css b/src/static/site6.css
index 44634f1c..341414a3 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;
 }