From 4b00485a8b5c6b13ccf5b390fd56b46f500bca0d Mon Sep 17 00:00:00 2001
From: ashmod <shehabmahmoud2003@gmail.com>
Date: Thu, 6 Aug 2026 01:13:47 +0300
Subject: [PATCH] collapse database-specific section by default

---
 .../src/go/templates/vulnerability.html        | 18 ++++++++++++++++--
 .../frontend3/src/templates/vulnerability.html | 18 ++++++++++++++++--
 2 files changed, 32 insertions(+), 4 deletions(-)

diff --git a/gcp/website/frontend3/src/go/templates/vulnerability.html b/gcp/website/frontend3/src/go/templates/vulnerability.html
index 472ab7a520c..bd66e63b06a 100644
--- a/gcp/website/frontend3/src/go/templates/vulnerability.html
+++ b/gcp/website/frontend3/src/go/templates/vulnerability.html
@@ -267,7 +267,14 @@ <h3 class="mdc-layout-grid__cell--span-3">Affected ranges <a href="https://ossf.
                       </dd>
                       {{ if .DatabaseSpecificJSON }}
                       <dt>Database specific <a href="https://ossf.github.io/osv-schema/#affectedrangesdatabase_specific-field" target="_blank" rel="noopener noreferrer"></a></dt>
-                      <dd><pre class="specific">{{ .DatabaseSpecificJSON }}</pre></dd>
+                      <dd>
+                        <details class="database-specific-section">
+                          <summary class="database-specific-header">Show details</summary>
+                          <div class="database-specific-content">
+                            <pre class="specific">{{ .DatabaseSpecificJSON }}</pre>
+                          </div>
+                        </details>
+                      </dd>
                       {{ end }}
                     </dl>
                   {{ end }}
@@ -432,7 +439,14 @@ <h3 class="mdc-layout-grid__cell--span-3">
                 <a href="https://ossf.github.io/osv-schema/#affectedrangesdatabase_specific-field" target="_blank"
                   rel="noopener noreferrer"></a>
               </dt>
-              <dd><pre class="specific">{{ .DatabaseSpecificJSON }}</pre></dd>
+              <dd>
+                <details class="database-specific-section">
+                  <summary class="database-specific-header">Show details</summary>
+                  <div class="database-specific-content">
+                    <pre class="specific">{{ .DatabaseSpecificJSON }}</pre>
+                  </div>
+                </details>
+              </dd>
               {{ end }}
             </dl>
           {{ end }}
diff --git a/gcp/website/frontend3/src/templates/vulnerability.html b/gcp/website/frontend3/src/templates/vulnerability.html
index d1faee2eecb..8713e985e84 100644
--- a/gcp/website/frontend3/src/templates/vulnerability.html
+++ b/gcp/website/frontend3/src/templates/vulnerability.html
@@ -275,7 +275,14 @@ <h3 class="mdc-layout-grid__cell--span-3">Affected ranges <a href="https://ossf.
                       </dd>
                       {%- if range.database_specific -%}
                       <dt>Database specific <a href="https://ossf.github.io/osv-schema/#affectedrangesdatabase_specific-field" target="_blank" rel="noopener noreferrer"></a></dt>
-                      <dd><pre class="specific">{{ range.database_specific | display_json }}</pre></dd>
+                      <dd>
+                        <details class="database-specific-section">
+                          <summary class="database-specific-header">Show details</summary>
+                          <div class="database-specific-content">
+                            <pre class="specific">{{ range.database_specific | display_json }}</pre>
+                          </div>
+                        </details>
+                      </dd>
                       {%- endif -%}
                     </dl>
                   {% endfor -%}
@@ -456,7 +463,14 @@ <h3 class="mdc-layout-grid__cell--span-3">
                 <a href="https://ossf.github.io/osv-schema/#affectedrangesdatabase_specific-field" target="_blank"
                   rel="noopener noreferrer"></a>
               </dt>
-              <dd><pre class="specific">{{ range.database_specific | display_json }}</pre></dd>
+              <dd>
+                <details class="database-specific-section">
+                  <summary class="database-specific-header">Show details</summary>
+                  <div class="database-specific-content">
+                    <pre class="specific">{{ range.database_specific | display_json }}</pre>
+                  </div>
+                </details>
+              </dd>
               {%- endif -%}
             </dl>
           {% endfor -%}