diff options
author | (quasar) nebula <qznebula@protonmail.com> | 2024-04-02 15:24:59 -0300 |
---|---|---|
committer | (quasar) nebula <qznebula@protonmail.com> | 2024-04-02 15:24:59 -0300 |
commit | 5952b9409f93dcc8ab6eaf3408916174c423e689 (patch) | |
tree | 6f502b3e5d1c686831e12114771e325bcc4a4146 /src/content/dependencies/generateAdditionalFilesListChunk.js | |
parent | f3c0efe101a38dee7920c5e4115a773ec98d1882 (diff) |
content: generateAdditionalFilesList: use <details> elements
Diffstat (limited to 'src/content/dependencies/generateAdditionalFilesListChunk.js')
-rw-r--r-- | src/content/dependencies/generateAdditionalFilesListChunk.js | 21 |
1 files changed, 14 insertions, 7 deletions
diff --git a/src/content/dependencies/generateAdditionalFilesListChunk.js b/src/content/dependencies/generateAdditionalFilesListChunk.js index bb16b77..86e4006 100644 --- a/src/content/dependencies/generateAdditionalFilesListChunk.js +++ b/src/content/dependencies/generateAdditionalFilesListChunk.js @@ -26,14 +26,21 @@ export default { titleOptions.description = slots.description; } - const dt = - html.tag('dt', - language.$(...titleParts, titleOptions)); + const summary = + html.tag('summary', + html.tag('span', + language.$(...titleParts, titleOptions))); - const dd = - html.tag('dd', - html.tag('ul', slots.items)); + const content = + html.tag('ul', slots.items); - return html.tags([dt, dd]); + const details = + html.tag('details', + slots.items.length <= 5 && + {open: true}, + + [summary, content]); + + return html.tag('li', details); }, }; |