From e2b61c27c78484d1408974d7e2a8a81029e4b3f0 Mon Sep 17 00:00:00 2001
From: "(quasar) nebula" <qznebula@protonmail.com>
Date: Tue, 22 Apr 2025 17:05:54 -0300
Subject: content, css: generateCoverArtwork: attachAbove artwork joiner

---
 src/static/css/site.css | 30 ++++++++++++++++++++++++++++--
 1 file changed, 28 insertions(+), 2 deletions(-)

(limited to 'src/static/css')

diff --git a/src/static/css/site.css b/src/static/css/site.css
index 2ad069e2..682ead19 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -1540,12 +1540,16 @@ hr.cute,
     0 0 12px 12px #00000080;
 }
 
-#artwork-column .cover-artwork:not(:first-child) {
-  margin-top: 20px;
+#artwork-column .cover-artwork:not(:first-child),
+#artwork-column .cover-artwork-joiner {
   margin-left: 30px;
   margin-right: 5px;
 }
 
+.cover-artwork:where(#artwork-column .cover-artwork:not(:first-child)) {
+  margin-top: 20px;
+}
+
 #artwork-column .cover-artwork:last-child:not(:first-child) {
   margin-bottom: 25px;
 }
@@ -1628,6 +1632,28 @@ p.image-details.origin-details {
   margin-bottom: 2px;
 }
 
+.cover-artwork-joiner {
+  /* This z-index must be greater than however an artwork
+   * is raised (within .isolate-tooltip-z-indexing) because
+   * a contained (tooltip) hoverable is hovered.
+   */
+  z-index: 3;
+}
+
+.cover-artwork-joiner::after {
+  content: "";
+  display: block;
+  width: 0;
+  height: 15px;
+  margin-left: auto;
+  margin-right: auto;
+  border-right: 1px dashed var(--primary-color);
+}
+
+.cover-artwork-joiner + .cover-artwork {
+  margin-top: 0 !important;
+}
+
 .album-art-info {
   font-size: 0.8em;
   border: 2px solid var(--deep-color);
-- 
cgit 1.3.0-6-gf8a5