Change release notes list to use summary/details instaed of JS

mhagander · mhagander · commit abebbaee0fb1 · 2025-08-14T18:27:11.000+02:00
This can be done just as well with native HTML as with the bootstrap
javascript, so let's do that.
diff --git a/media/css/main.css b/media/css/main.css
@@ -1658,7 +1658,6 @@ h3.messages {
   font-size: 0.7em;
   line-height: 1.2em;
 }
-
 /* Message Subjects */
 h1.subject {
   text-transform: none;
@@ -1827,18 +1826,12 @@ th.organisation-logo {
   content: none;
 }
 
-.release-notes-list {
+details.release-notes-list ul {
   list-style-type: none;
 }
 
-.release-notes-list :not(.collapsed) > .right,
-.release-notes-list .collapsed > .down {
-  display: none;
-}
-
-.release-notes-list .collapsed > .right,
-.release-notes-list :not(.collapsed) > .down {
-  display: block;
+details.release-notes-list {
+  margin-bottom: 0.3rem;
 }
 
 /* Moderation preview */
diff --git a/templates/docs/release_notes_list.html b/templates/docs/release_notes_list.html
@@ -12,28 +12,22 @@
         <h1>Release Notes <i class="far fa-file-alt"></i></h1>
       </section>
       <p>Below is the complete archive of release notes for every version of PostgreSQL.</p>
-      <ul class="release-notes-list fa-ul">
         {% for release_group in release_groups %}
           {% with major_version=release_group.grouper %}
-            <li>
-              <a class="collapsed" href="#release{{ major_version|cut:"." }}" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="release{{ major_version|cut:"." }}">
-                <span class="fa-li right"><i class="fas fa-angle-right"></i></span>
-                <span class="fa-li down"><i class="fas fa-angle-down"></i></span>
-                {% if major_version == 0 %}Postgres95{% else %}PostgreSQL {{ major_version | pg_major_version }}{% endif %}
-              </a>
-              <ul class="collapse release-notes-list" id="release{{ major_version|cut:"." }}">
-                {% for release in release_group.list %}
-                  <li>
-                    <a href="/docs/release/{{ major_version | pg_major_version }}.{{ release.minor | release_notes_pg_minor_version:major_version }}/">
-                      {{ major_version | pg_major_version }}.{{ release.minor | release_notes_pg_minor_version:major_version }}
-                    </a>
-                  </li>
-                {% endfor %}
-              </ul>
-            </li>
+       <details class="release-notes-list">
+	 <summary>{% if major_version == 0 %}Postgres95{% else %}PostgreSQL {{ major_version | pg_major_version }}{% endif %}</summary>
+	 <ul>
+           {% for release in release_group.list %}
+           <li>
+             <a href="/docs/release/{{ major_version | pg_major_version }}.{{ release.minor | release_notes_pg_minor_version:major_version }}/">
+               {{ major_version | pg_major_version }}.{{ release.minor | release_notes_pg_minor_version:major_version }}
+             </a>
+           </li>
+           {% endfor %}
+         </ul>
+       </details>
           {% endwith %}
         {% endfor %}
-      </ul>
     </div>
 </div>
 
