collapse details

Author: pilz

docs/assets/app.js

@@ -491,10 +491,19 @@ function renderIssueCards(issuePayloads) {
 
         const contributorSummary = issue.contributor_summary;
         if (contributorSummary?.summary_markdown) {
+          const details = document.createElement('details');
+          details.className = 'issue-summary-details';
+
+          const toggle = document.createElement('summary');
+          toggle.className = 'issue-summary-toggle';
+          toggle.textContent = 'See if this is for you';
+
           const summary = document.createElement('div');
           summary.className = 'issue-summary markdown-content';
           summary.innerHTML = renderMarkdown(contributorSummary.summary_markdown);
-          item.append(summary);
+
+          details.append(toggle, summary);
+          item.append(details);
         }
 
         list.append(item);

docs/assets/styles.css

@@ -270,6 +270,19 @@ a {
   line-height: 1.55;
 }
 
+.issue-summary-details {
+  margin-top: 0.6rem;
+}
+
+.issue-summary-toggle {
+  cursor: pointer;
+  font-weight: 600;
+}
+
+.issue-summary-details[open] .issue-summary {
+  margin-top: 0.65rem;
+}
+
 .issue-summary h1,
 .issue-summary h2,
 .issue-summary h3,