From 5216ac503e849083edd9ea66306c5fb51ffe3139 Mon Sep 17 00:00:00 2001
From: "(quasar) nebula" <qznebula@protonmail.com>
Date: Wed, 3 Apr 2024 21:39:37 -0300
Subject: content: generateTrackList (etc): better wrapping with chunkwrap

---
 .../dependencies/generateAlbumTrackListItem.js        |  8 +++++---
 src/content/dependencies/generateTrackList.js         | 19 ++++++++++---------
 src/static/site6.css                                  |  1 -
 3 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/content/dependencies/generateAlbumTrackListItem.js b/src/content/dependencies/generateAlbumTrackListItem.js
index 11b6a1b0..18980740 100644
--- a/src/content/dependencies/generateAlbumTrackListItem.js
+++ b/src/content/dependencies/generateAlbumTrackListItem.js
@@ -119,9 +119,11 @@ export default {
       parts.push('withArtists');
       options.by =
         html.tag('span', {class: 'by'},
-          language.$('trackList.item.withArtists.by', {
-            artists: language.formatConjunctionList(relations.contributionLinks),
-          }));
+          html.metatag('chunkwrap', {split: ','},
+            html.resolve(
+              language.$('trackList.item.withArtists.by', {
+                artists: language.formatConjunctionList(relations.contributionLinks),
+              }))));
     }
 
     return html.tag('li',
diff --git a/src/content/dependencies/generateTrackList.js b/src/content/dependencies/generateTrackList.js
index 65f5552b..3c36d248 100644
--- a/src/content/dependencies/generateTrackList.js
+++ b/src/content/dependencies/generateTrackList.js
@@ -44,15 +44,16 @@ export default {
                     track: trackLink,
                     by:
                       html.tag('span', {class: 'by'},
-                        language.$('trackList.item.withArtists.by', {
-                          artists:
-                            language.formatConjunctionList(
-                              contributionLinks.map(link =>
-                                link.slots({
-                                  showContribution: slots.showContribution,
-                                  showIcons: slots.showIcons,
-                                }))),
-                        })),
+                        html.metatag('chunkwrap', {split: ','},
+                          language.$('trackList.item.withArtists.by', {
+                            artists:
+                              language.formatConjunctionList(
+                                contributionLinks.map(link =>
+                                  link.slots({
+                                    showContribution: slots.showContribution,
+                                    showIcons: slots.showIcons,
+                                  }))),
+                          }))),
                   }))))));
   },
 };
diff --git a/src/static/site6.css b/src/static/site6.css
index 12ca2a91..ed2bb987 100644
--- a/src/static/site6.css
+++ b/src/static/site6.css
@@ -957,7 +957,6 @@ ul.quick-info li:not(:last-child)::after {
 }
 
 li .by {
-  display: inline-block;
   font-style: oblique;
   max-width: 600px;
 }
-- 
cgit 1.3.0-6-gf8a5