diff options
| author | (quasar) nebula <qznebula@protonmail.com> | 2025-05-26 16:35:34 -0300 |
|---|---|---|
| committer | (quasar) nebula <qznebula@protonmail.com> | 2025-05-28 16:21:11 -0300 |
| commit | 4ecbd1787ba7f0ac8a0a47b2a1612bdbcfcbfc44 (patch) | |
| tree | 5aca5f5ae251738d14f08ba040ddbeca9c97276a /src | |
| parent | ecb65ed81e286578b4e82002429c6bd4e318a7a8 (diff) | |
content, css: gCAOriginDetails: extra details
sorry for bad html markup
Diffstat (limited to 'src')
| -rw-r--r-- | src/content/dependencies/generateCoverArtworkOriginDetails.js | 10 | ||||
| -rw-r--r-- | src/static/css/site.css | 5 |
2 files changed, 15 insertions, 0 deletions
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; } |