From 09f8203ebb58e03c6d55be46c0a0bae60ba3246a Mon Sep 17 00:00:00 2001 From: "(quasar) nebula" Date: Sun, 28 Jan 2024 22:26:23 -0400 Subject: css: fix background overflow on no-tags cover artworks --- src/static/site6.css | 11 +++++++++++ 1 file changed, 11 insertions(+) (limited to 'src') 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; -- cgit 1.3.0-6-gf8a5