diff options
| -rw-r--r-- | src/content/dependencies/generateAlbumTrackListItem.js | 8 | ||||
| -rw-r--r-- | src/content/dependencies/generateTrackList.js | 19 | ||||
| -rw-r--r-- | 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; } |