260723_7

B07_wf4_DesignDetail/B07_wf4_DesignDetail_UI_Page.ts

@@ -11,6 +11,7 @@
  * ========================================================================== */
 
 import "./B07_wf4_DesignDetail_UI_Style.css";
+import { attachCollapsible } from "@ui/ui_template_collapsible";
 import { ui_locales, currentLanguageIndex } from "@ui/ui_template_locale";
 import {
   createButton,
@@ -136,9 +137,10 @@ function buildDrawingSidePanel(
   for (const [label, kind, items] of groups) {
     if (!items.length) continue;
     const section = document.createElement("section");
-    section.className = "b07-drawing-group";
+    section.className = "b07-drawing-group ui-collapsible";
     section.dataset.kind = kind;
     const sectionTitle = document.createElement("h3");
+    sectionTitle.className = "ui-collapsible__title";
     sectionTitle.textContent = `${label} ${items.length}`;
     section.append(sectionTitle);
     for (const drawing of items) {
@@ -159,6 +161,7 @@ function buildDrawingSidePanel(
     }
     panel.append(section);
   }
+  attachCollapsible(panel);
   return panel;
 }