« get me outta code hell

css: fix background overflow on no-tags cover artworks - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2024-01-28 22:26:23 -0400
committer(quasar) nebula <qznebula@protonmail.com>2024-01-28 22:26:23 -0400
commit09f8203ebb58e03c6d55be46c0a0bae60ba3246a (patch)
tree3ae6e8a9d1f739353079eb928658310ab0919fac
parent0f952b3dc7b7e0c630312d8b48c66a7ad141f084 (diff)
css: fix background overflow on no-tags cover artworks
-rw-r--r--src/static/site6.css11
1 files changed, 11 insertions, 0 deletions
diff --git a/src/static/site6.css b/src/static/site6.css
index a6a0ed9a..bc4b0b81 100644
--- a/src/static/site6.css
+++ b/src/static/site6.css
@@ -686,6 +686,17 @@ p .current {
   border-radius: 0 0 6px 6px;
 }
 
+#cover-art-container:not(:has(.image-details)),
+#cover-art-container:not(.has-image-details) {
+  /* Hacky: `overflow: hidden` hides tag tooltips, so it can't be applied
+   * if we've got tags/details visible. But it's okay, because we only
+   * need to apply it if it *doesn't* - that's when the rounded border
+   * of #cover-art-container needs to cut off its child image-container
+   * (which has a background that otherwise causes sharp corners).
+   */
+  overflow: hidden;
+}
+
 #cover-art-container .image-container {
   /* Border is handled on the cover-art-container. */
   border: none;