From 4ecbd1787ba7f0ac8a0a47b2a1612bdbcfcbfc44 Mon Sep 17 00:00:00 2001 From: "(quasar) nebula" Date: Mon, 26 May 2025 16:35:34 -0300 Subject: content, css: gCAOriginDetails: extra details sorry for bad html markup --- src/content/dependencies/generateCoverArtworkOriginDetails.js | 10 ++++++++++ src/static/css/site.css | 5 +++++ 2 files changed, 15 insertions(+) diff --git a/src/content/dependencies/generateCoverArtworkOriginDetails.js b/src/content/dependencies/generateCoverArtworkOriginDetails.js index 3908414f..322db28e 100644 --- a/src/content/dependencies/generateCoverArtworkOriginDetails.js +++ b/src/content/dependencies/generateCoverArtworkOriginDetails.js @@ -29,6 +29,9 @@ export default { source: relation('transformContent', artwork.source), + extraDetails: + relation('transformContent', artwork.extraDetails), + albumLink: (query.artworkThingType === 'album' ? relation('linkAlbum', artwork.thing) @@ -146,12 +149,19 @@ export default { year: relations.datetimestamp, }); + const extraDetails = + html.tag('span', {class: 'extra-details'}, + {[html.onlyIfContent]: true}, + + relations.extraDetails.slot('mode', 'inline')); + return [ artworkBy, trackArtFromAlbum, source, label, year, + extraDetails, ]; })())), }; diff --git a/src/static/css/site.css b/src/static/css/site.css index 8ec39f95..84a665f3 100644 --- a/src/static/css/site.css +++ b/src/static/css/site.css @@ -1679,6 +1679,11 @@ p.image-details.origin-details { margin-bottom: 2px; } +p.image-details.origin-details .extra-details { + display: block; + margin-top: 0.25em; +} + .cover-artwork-joiner { z-index: -2; } -- cgit 1.3.0-6-gf8a5